[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":298,"links":299,"dates":333},"\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Lovable product screens examples - Nicelydone","Browse Lovable screen design examples. Preview the interface screenshots and explore related UI patterns. Create apps and websites by chatting with AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa24816e4-0b6d-430a-8ad8-f83c778c73d0.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":23,"to":4},"Lovable product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Lovable","lovable","Create apps and websites by chatting with AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","https:\u002F\u002Flovable.dev",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},96,"No code","no-code",[48,81,102,115,135,159,187,211,225,238,251,264],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":74,"app":79},"a24816e4-0b6d-430a-8ad8-f83c778c73d0","Login","Sign-in screen where the user authenticates with Google, GitHub, Apple, or email, alongside a decorative AI prompt preview and a cookie consent banner.",3024,1758,"Login from Lovable","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",{"id":67,"label":68,"slug":69,"rank":63,"group":70},27,"AI Assistant","ai-assistant",{"id":71,"label":72,"slug":73},3,"AI","ai",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":52,"height":53,"image_alt":86,"kind":55,"patterns":87,"component_categories":98,"app":100},"0aecdbd4-717e-448f-a02f-e1fefc92e1da","Create account","Signup page where the user can create an account using Google, GitHub, Apple, or by entering an email and password, featuring a Cloudflare verification step and a cookie consent banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0aecdbd4-717e-448f-a02f-e1fefc92e1da.png","Create account from Lovable",[88,93],{"id":89,"label":90,"slug":91,"rank":61,"group":92},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":94,"label":95,"slug":96,"rank":63,"group":97},6,"Verification","verification",{"id":63,"label":64,"slug":65},[99],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":83,"description":104,"canonical_path":4,"image":105,"width":52,"height":53,"image_alt":86,"kind":55,"patterns":106,"component_categories":111,"app":113},"2689adb2-cb82-41d2-a41e-26b10876c2af","Signup screen where the user creates an account using email and password, with OAuth options and a Cloudflare captcha verification.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2689adb2-cb82-41d2-a41e-26b10876c2af.png",[107,109],{"id":89,"label":90,"slug":91,"rank":61,"group":108},{"id":63,"label":64,"slug":65},{"id":94,"label":95,"slug":96,"rank":63,"group":110},{"id":63,"label":64,"slug":65},[112],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":29,"description":117,"canonical_path":4,"image":118,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":120,"component_categories":127,"app":133},"85de9ca3-4676-48fc-bba0-19069cd26250","Verification screen where the user is prompted to check their inbox and click a link to finish account setup, with options to resend the email or confirm verification.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85de9ca3-4676-48fc-bba0-19069cd26250.png","Lovable from Lovable",[121,123],{"id":94,"label":95,"slug":96,"rank":61,"group":122},{"id":63,"label":64,"slug":65},{"id":63,"label":124,"slug":125,"rank":63,"group":126},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[128,132],{"id":129,"title":130,"slug":131},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":29,"description":137,"canonical_path":4,"image":138,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":139,"component_categories":150,"app":157},"e9c93010-ec42-49b8-9ef6-67a8317590be","Verification screen confirming the user's email has been successfully verified, showing an auto-redirect message and a floating cookie consent banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9c93010-ec42-49b8-9ef6-67a8317590be.png",[140,142],{"id":94,"label":95,"slug":96,"rank":61,"group":141},{"id":63,"label":64,"slug":65},{"id":143,"label":144,"slug":145,"rank":63,"group":146},122,"Success","success",{"id":147,"label":148,"slug":149},12,"States & Feedback","states-and-feedback",[151,152,156],{"id":129,"title":130,"slug":131},{"id":153,"title":154,"slug":155},174,"Card","card",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":29,"description":161,"canonical_path":4,"image":162,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":163,"component_categories":179,"app":185},"a58fb24d-0fa0-4677-9c25-6c3fd51e730f","Onboarding step where the user selects between a light and dark appearance theme before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa58fb24d-0fa0-4677-9c25-6c3fd51e730f.png",[164,171,176],{"id":165,"label":166,"slug":167,"rank":61,"group":168},75,"Setup Wizard","setup-wizard",{"id":40,"label":169,"slug":170},"Onboarding & Education","onboarding-and-education",{"id":172,"label":173,"slug":174,"rank":63,"group":175},72,"Getting Started","getting-started",{"id":40,"label":169,"slug":170},{"id":63,"label":124,"slug":125,"rank":177,"group":178},2,{"id":63,"label":64,"slug":65},[180,184],{"id":181,"title":182,"slug":183},227,"Stepper","stepper",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":29,"description":189,"canonical_path":4,"image":190,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":191,"component_categories":206,"app":209},"1d52011b-d309-46eb-9818-ac7872370738","Onboarding step where the user enters their full name to set up their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d52011b-d309-46eb-9818-ac7872370738.png",[192,197,199],{"id":193,"label":194,"slug":195,"rank":61,"group":196},74,"Onboarding Checklist","onboarding-checklist",{"id":40,"label":169,"slug":170},{"id":63,"label":124,"slug":125,"rank":63,"group":198},{"id":63,"label":64,"slug":65},{"id":71,"label":200,"slug":201,"rank":177,"group":202},"Profile","profile",{"id":203,"label":204,"slug":205},11,"Social & Collaboration","social-and-collaboration",[207,208],{"id":181,"title":182,"slug":183},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":29,"description":213,"canonical_path":4,"image":214,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":215,"component_categories":220,"app":223},"5ee7f7d3-ea50-4615-861d-1dffa093c9e2","Onboarding step where the user enters their full name to continue setting up their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ee7f7d3-ea50-4615-861d-1dffa093c9e2.png",[216,218],{"id":172,"label":173,"slug":174,"rank":61,"group":217},{"id":40,"label":169,"slug":170},{"id":63,"label":124,"slug":125,"rank":63,"group":219},{"id":63,"label":64,"slug":65},[221,222],{"id":181,"title":182,"slug":183},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":29,"description":189,"canonical_path":4,"image":227,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":228,"component_categories":233,"app":236},"714e8574-9648-4469-8293-6a6caec4da5d","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F714e8574-9648-4469-8293-6a6caec4da5d.png",[229,231],{"id":193,"label":194,"slug":195,"rank":61,"group":230},{"id":40,"label":169,"slug":170},{"id":63,"label":124,"slug":125,"rank":63,"group":232},{"id":63,"label":64,"slug":65},[234,235],{"id":181,"title":182,"slug":183},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":29,"description":240,"canonical_path":4,"image":241,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":242,"component_categories":247,"app":249},"e3fdeb01-882b-4abd-9a16-1e18c2ecdbcc","Onboarding step where the user selects their primary role from options like Founder, Designer, or Engineer to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3fdeb01-882b-4abd-9a16-1e18c2ecdbcc.png",[243,245],{"id":193,"label":194,"slug":195,"rank":61,"group":244},{"id":40,"label":169,"slug":170},{"id":172,"label":173,"slug":174,"rank":63,"group":246},{"id":40,"label":169,"slug":170},[248],{"id":181,"title":182,"slug":183},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":29,"description":253,"canonical_path":4,"image":254,"width":52,"height":53,"image_alt":119,"kind":55,"patterns":255,"component_categories":261,"app":262},"5a0a0c71-d281-481a-bf15-4eb264b4f0b4","Full-page loading screen where the system indicates a submission is in progress before redirecting the user.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a0a0c71-d281-481a-bf15-4eb264b4f0b4.png",[256],{"id":257,"label":258,"slug":259,"rank":61,"group":260},120,"Loading","loading",{"id":147,"label":148,"slug":149},[],{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":4,"image":268,"width":52,"height":53,"image_alt":269,"kind":55,"patterns":270,"component_categories":285,"app":296},"59d64a8c-9a73-4940-b9b8-3ed136e4f565","Home | Lovable","App generation start screen where the user prompts the AI to build a new application, with options to use data connectors or browse templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59d64a8c-9a73-4940-b9b8-3ed136e4f565.png","Home | Lovable from Lovable",[271,276,283],{"id":272,"label":273,"slug":274,"rank":61,"group":275},30,"AI Generation","ai-generation",{"id":71,"label":72,"slug":73},{"id":277,"label":278,"slug":279,"rank":63,"group":280},41,"Dashboard","dashboard",{"id":58,"label":281,"slug":282},"Data & Analysis","data-and-analysis",{"id":67,"label":68,"slug":69,"rank":177,"group":284},{"id":71,"label":72,"slug":73},[286,290,294,295],{"id":287,"title":288,"slug":289},169,"Avatar","avatar",{"id":291,"title":292,"slug":293},260,"Badge","badge",{"id":153,"title":154,"slug":155},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":297},[],[],[300,302,304,306,308,310,312,314,316,318,320,322,324,327,330],{"label":124,"to":301},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":95,"to":303},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":173,"to":305},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":194,"to":307},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":68,"to":309,"count":177},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":90,"to":311,"count":177},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":273,"to":313,"count":63},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":278,"to":315,"count":63},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":258,"to":317,"count":63},"\u002Fexamples\u002Fscreens\u002Floading",{"label":200,"to":319,"count":63},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":166,"to":321,"count":63},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":59,"to":323,"count":63},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":325,"to":326},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":328,"to":329},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":331,"to":332},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":334,"updated_at":335},"2026-05-17T07:59:14.000Z","2026-09-13T13:02:39.000Z"]