[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flovable":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":323,"dates":341},"\u002Fexamples\u002Fapps\u002Flovable","detail","apps",true,{"title":9,"description":10,"og_image":11},"Lovable design examples - Nicelydone","Explore Lovable UI design examples. Create apps and websites by chatting with AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa24816e4-0b6d-430a-8ad8-f83c778c73d0.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Lovable design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Lovable",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Flovable\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51,55],{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",{"id":52,"title":53,"slug":54},7,"Web Development","web-development",{"id":56,"title":57,"slug":58},96,"No code","no-code",[],[61,314,317,320],{"family":62,"examples":63},"screens",[64,97,118,131,151,175,203,227,241,254,267,280],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":90,"app":95},"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",[73,82],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",{"id":83,"label":84,"slug":85,"rank":79,"group":86},27,"AI Assistant","ai-assistant",{"id":87,"label":88,"slug":89},3,"AI","ai",[91],{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":68,"height":69,"image_alt":102,"kind":71,"patterns":103,"component_categories":114,"app":116},"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",[104,109],{"id":105,"label":106,"slug":107,"rank":77,"group":108},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},{"id":110,"label":111,"slug":112,"rank":79,"group":113},6,"Verification","verification",{"id":79,"label":80,"slug":81},[115],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":117},[],{"uuid":119,"title":99,"description":120,"canonical_path":29,"image":121,"width":68,"height":69,"image_alt":102,"kind":71,"patterns":122,"component_categories":127,"app":129},"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",[123,125],{"id":105,"label":106,"slug":107,"rank":77,"group":124},{"id":79,"label":80,"slug":81},{"id":110,"label":111,"slug":112,"rank":79,"group":126},{"id":79,"label":80,"slug":81},[128],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":130},[],{"uuid":132,"title":41,"description":133,"canonical_path":29,"image":134,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":136,"component_categories":143,"app":149},"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",[137,139],{"id":110,"label":111,"slug":112,"rank":77,"group":138},{"id":79,"label":80,"slug":81},{"id":79,"label":140,"slug":141,"rank":79,"group":142},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},[144,148],{"id":145,"title":146,"slug":147},240,"Horizontal navigation","horizontal-navigation",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":41,"description":153,"canonical_path":29,"image":154,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":155,"component_categories":166,"app":173},"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",[156,158],{"id":110,"label":111,"slug":112,"rank":77,"group":157},{"id":79,"label":80,"slug":81},{"id":159,"label":160,"slug":161,"rank":79,"group":162},122,"Success","success",{"id":163,"label":164,"slug":165},12,"States & Feedback","states-and-feedback",[167,168,172],{"id":145,"title":146,"slug":147},{"id":169,"title":170,"slug":171},174,"Card","card",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":41,"description":177,"canonical_path":29,"image":178,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":179,"component_categories":195,"app":201},"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",[180,187,192],{"id":181,"label":182,"slug":183,"rank":77,"group":184},75,"Setup Wizard","setup-wizard",{"id":52,"label":185,"slug":186},"Onboarding & Education","onboarding-and-education",{"id":188,"label":189,"slug":190,"rank":79,"group":191},72,"Getting Started","getting-started",{"id":52,"label":185,"slug":186},{"id":79,"label":140,"slug":141,"rank":193,"group":194},2,{"id":79,"label":80,"slug":81},[196,200],{"id":197,"title":198,"slug":199},227,"Stepper","stepper",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":41,"description":205,"canonical_path":29,"image":206,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":207,"component_categories":222,"app":225},"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",[208,213,215],{"id":209,"label":210,"slug":211,"rank":77,"group":212},74,"Onboarding Checklist","onboarding-checklist",{"id":52,"label":185,"slug":186},{"id":79,"label":140,"slug":141,"rank":79,"group":214},{"id":79,"label":80,"slug":81},{"id":87,"label":216,"slug":217,"rank":193,"group":218},"Profile","profile",{"id":219,"label":220,"slug":221},11,"Social & Collaboration","social-and-collaboration",[223,224],{"id":197,"title":198,"slug":199},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":226},[],{"uuid":228,"title":41,"description":229,"canonical_path":29,"image":230,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":231,"component_categories":236,"app":239},"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",[232,234],{"id":188,"label":189,"slug":190,"rank":77,"group":233},{"id":52,"label":185,"slug":186},{"id":79,"label":140,"slug":141,"rank":79,"group":235},{"id":79,"label":80,"slug":81},[237,238],{"id":197,"title":198,"slug":199},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":240},[],{"uuid":242,"title":41,"description":205,"canonical_path":29,"image":243,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":244,"component_categories":249,"app":252},"714e8574-9648-4469-8293-6a6caec4da5d","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F714e8574-9648-4469-8293-6a6caec4da5d.png",[245,247],{"id":209,"label":210,"slug":211,"rank":77,"group":246},{"id":52,"label":185,"slug":186},{"id":79,"label":140,"slug":141,"rank":79,"group":248},{"id":79,"label":80,"slug":81},[250,251],{"id":197,"title":198,"slug":199},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":253},[],{"uuid":255,"title":41,"description":256,"canonical_path":29,"image":257,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":258,"component_categories":263,"app":265},"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",[259,261],{"id":209,"label":210,"slug":211,"rank":77,"group":260},{"id":52,"label":185,"slug":186},{"id":188,"label":189,"slug":190,"rank":79,"group":262},{"id":52,"label":185,"slug":186},[264],{"id":197,"title":198,"slug":199},{"slug":42,"title":41,"logo":44,"categories":266},[],{"uuid":268,"title":41,"description":269,"canonical_path":29,"image":270,"width":68,"height":69,"image_alt":135,"kind":71,"patterns":271,"component_categories":277,"app":278},"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",[272],{"id":273,"label":274,"slug":275,"rank":77,"group":276},120,"Loading","loading",{"id":163,"label":164,"slug":165},[],{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":282,"description":283,"canonical_path":29,"image":284,"width":68,"height":69,"image_alt":285,"kind":71,"patterns":286,"component_categories":301,"app":312},"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",[287,292,299],{"id":288,"label":289,"slug":290,"rank":77,"group":291},30,"AI Generation","ai-generation",{"id":87,"label":88,"slug":89},{"id":293,"label":294,"slug":295,"rank":79,"group":296},41,"Dashboard","dashboard",{"id":74,"label":297,"slug":298},"Data & Analysis","data-and-analysis",{"id":83,"label":84,"slug":85,"rank":193,"group":300},{"id":87,"label":88,"slug":89},[302,306,310,311],{"id":303,"title":304,"slug":305},169,"Avatar","avatar",{"id":307,"title":308,"slug":309},260,"Badge","badge",{"id":169,"title":170,"slug":171},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":313},[],{"family":315,"examples":316},"flows",[],{"family":318,"examples":319},"components",[],{"family":321,"examples":322},"pages",[],[324,326,328,330,332,335,338],{"label":325,"to":29},"Lovable product screens",{"label":327,"to":38},"Lovable marketing pages",{"label":329,"to":32},"Lovable user flows",{"label":331,"to":35},"Lovable UI components",{"label":333,"to":334},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":336,"to":337},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":339,"to":340},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":342,"updated_at":343},"2026-05-17T07:59:14.000Z","2026-09-13T13:02:39.000Z"]