[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvariant":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":294,"dates":306},"\u002Fexamples\u002Fapps\u002Fvariant","detail","apps",true,{"title":9,"description":10,"og_image":11},"Variant design examples - Nicelydone","Explore Variant UI design examples. Endless designs for your ideas, just scroll","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F926f2e8b-c1a0-4055-a140-cfd9c43e7a8d.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Variant design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Variant",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fvariant\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fvariant\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fvariant\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fvariant\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Variant","variant","Endless designs for your ideas, just scroll","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F10aff1b7-1378-4835-8fd2-648e36381153.png","https:\u002F\u002Fvariant.ai",[47],{"id":48,"title":49,"slug":50},8,"Design","design",[],[53,285,288,291],{"family":54,"examples":55},"screens",[56,81,92,103,113,127,138,170,194,218,232,258],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":79},"926f2e8b-c1a0-4055-a140-cfd9c43e7a8d","Variant – Endless designs for your ideas, just scroll","Sign-in and sign-up screen where the user authenticates using Google OAuth or a passwordless email link.",3024,1780,"Variant – Endless designs for your ideas, just scroll from Variant","screen",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},5,"Sign Up","sign-up",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":80},[],{"uuid":82,"title":58,"description":83,"canonical_path":29,"image":84,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":85,"component_categories":88,"app":90},"67c5112d-dc75-4151-8037-9e6882992541","Authentication screen where the user can sign in or sign up using Google OAuth or by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c5112d-dc75-4151-8037-9e6882992541.png",[86],{"id":66,"label":67,"slug":68,"rank":69,"group":87},{"id":71,"label":72,"slug":73},[89],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":91},[],{"uuid":93,"title":58,"description":94,"canonical_path":29,"image":95,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":96,"component_categories":99,"app":101},"8b083db0-ae0d-441a-bff0-7e4571ef1746","Authentication screen where the user can sign in or sign up using Google OAuth or an email magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b083db0-ae0d-441a-bff0-7e4571ef1746.png",[97],{"id":66,"label":67,"slug":68,"rank":69,"group":98},{"id":71,"label":72,"slug":73},[100],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":102},[],{"uuid":104,"title":58,"description":83,"canonical_path":29,"image":105,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":106,"component_categories":109,"app":111},"8c4c212f-bfc0-41ec-af03-d34383e0e606","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c4c212f-bfc0-41ec-af03-d34383e0e606.png",[107],{"id":66,"label":67,"slug":68,"rank":69,"group":108},{"id":71,"label":72,"slug":73},[110],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":112},[],{"uuid":114,"title":58,"description":115,"canonical_path":29,"image":116,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":117,"component_categories":123,"app":125},"9bdef9f0-eac1-417f-a191-949edcffaa94","Verification screen where the user enters a code sent to their email to confirm their identity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bdef9f0-eac1-417f-a191-949edcffaa94.png",[118],{"id":119,"label":120,"slug":121,"rank":69,"group":122},6,"Verification","verification",{"id":71,"label":72,"slug":73},[124],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":58,"description":129,"canonical_path":29,"image":130,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":131,"component_categories":134,"app":136},"168fb13a-e8ad-43ec-b66b-1b2627676f92","Auth screen where the user enters a verification code sent to their email to proceed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F168fb13a-e8ad-43ec-b66b-1b2627676f92.png",[132],{"id":119,"label":120,"slug":121,"rank":69,"group":133},{"id":71,"label":72,"slug":73},[135],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":58,"description":140,"canonical_path":29,"image":141,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":142,"component_categories":158,"app":168},"2049235c-50bf-45d1-80b3-bfbd61fd7224","Community feed where users browse a masonry gallery of UI design concepts and can prompt for new designs via a floating composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2049235c-50bf-45d1-80b3-bfbd61fd7224.png",[143,150],{"id":144,"label":145,"slug":146,"rank":69,"group":147},79,"Browse","browse",{"id":48,"label":148,"slug":149},"Pages & Content","pages-and-content",{"id":151,"label":152,"slug":153,"rank":71,"group":154},30,"AI Generation","ai-generation",{"id":155,"label":156,"slug":157},3,"AI","ai",[159,163,167],{"id":160,"title":161,"slug":162},174,"Card","card",{"id":164,"title":165,"slug":166},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":58,"description":172,"canonical_path":29,"image":173,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":174,"component_categories":185,"app":192},"7ca8fc1a-7e1f-4cba-8b98-0c8921cd5fa8","Community feed displaying a masonry grid of user-generated UI designs with a floating AI prompt composer to generate new variations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ca8fc1a-7e1f-4cba-8b98-0c8921cd5fa8.png",[175,177,179],{"id":144,"label":145,"slug":146,"rank":69,"group":176},{"id":48,"label":148,"slug":149},{"id":151,"label":152,"slug":153,"rank":71,"group":178},{"id":155,"label":156,"slug":157},{"id":180,"label":181,"slug":182,"rank":183,"group":184},82,"Media Detail","media-detail",2,{"id":48,"label":148,"slug":149},[186,190,191],{"id":187,"title":188,"slug":189},298,"Bento box","bento-grid",{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"slug":42,"title":41,"logo":44,"categories":193},[],{"uuid":195,"title":58,"description":196,"canonical_path":29,"image":197,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":198,"component_categories":214,"app":216},"862d3dc7-405a-436d-b367-779c1484f05b","AI generation interface where the user enters a prompt to create endless designs, featuring starter prompt suggestions and an empty canvas grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F862d3dc7-405a-436d-b367-779c1484f05b.png",[199,201,209],{"id":151,"label":152,"slug":153,"rank":69,"group":200},{"id":155,"label":156,"slug":157},{"id":202,"label":203,"slug":204,"rank":71,"group":205},115,"Empty State","empty-state",{"id":206,"label":207,"slug":208},12,"States & Feedback","states-and-feedback",{"id":210,"label":211,"slug":212,"rank":183,"group":213},28,"AI Chat","ai-chat",{"id":155,"label":156,"slug":157},[215],{"id":164,"title":165,"slug":166},{"slug":42,"title":41,"logo":44,"categories":217},[],{"uuid":219,"title":58,"description":220,"canonical_path":29,"image":221,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":222,"component_categories":227,"app":230},"ab73fe6d-1977-427d-a2cd-a112bd3573da","AI generation screen where the user enters a prompt to design a hero section for an iOS app, with an empty canvas ready to display the generated designs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab73fe6d-1977-427d-a2cd-a112bd3573da.png",[223,225],{"id":151,"label":152,"slug":153,"rank":69,"group":224},{"id":155,"label":156,"slug":157},{"id":202,"label":203,"slug":204,"rank":71,"group":226},{"id":206,"label":207,"slug":208},[228,229],{"id":164,"title":165,"slug":166},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":231},[],{"uuid":233,"title":58,"description":234,"canonical_path":29,"image":235,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":236,"component_categories":248,"app":256},"46a96272-463f-42e8-9959-477b505c593e","AI design generation interface where the user prompts for a landing page hero section and waits for the resulting layouts to populate on the canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46a96272-463f-42e8-9959-477b505c593e.png",[237,239,241],{"id":210,"label":211,"slug":212,"rank":69,"group":238},{"id":155,"label":156,"slug":157},{"id":151,"label":152,"slug":153,"rank":71,"group":240},{"id":155,"label":156,"slug":157},{"id":242,"label":243,"slug":244,"rank":183,"group":245},55,"Design Editor","design-editor",{"id":66,"label":246,"slug":247},"Media & Tools","media-and-tools",[249,253,254,255],{"id":250,"title":251,"slug":252},226,"Skeleton","skeleton",{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":257},[],{"uuid":259,"title":58,"description":260,"canonical_path":29,"image":261,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":262,"component_categories":280,"app":283},"76a9bfdd-1958-43d4-ac4f-ca9963a41930","AI generation interface where the user prompts for a landing page hero section and the system displays loading placeholders while the agent explores designs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76a9bfdd-1958-43d4-ac4f-ca9963a41930.png",[263,268,270,275],{"id":264,"label":265,"slug":266,"rank":69,"group":267},26,"AI Agent","ai-agent",{"id":155,"label":156,"slug":157},{"id":151,"label":152,"slug":153,"rank":71,"group":269},{"id":155,"label":156,"slug":157},{"id":271,"label":272,"slug":273,"rank":183,"group":274},120,"Loading","loading",{"id":206,"label":207,"slug":208},{"id":276,"label":277,"slug":278,"rank":155,"group":279},35,"Chatbot","chatbot",{"id":155,"label":156,"slug":157},[281,282],{"id":250,"title":251,"slug":252},{"id":164,"title":165,"slug":166},{"slug":42,"title":41,"logo":44,"categories":284},[],{"family":286,"examples":287},"flows",[],{"family":289,"examples":290},"components",[],{"family":292,"examples":293},"pages",[],[295,297,299,301,303],{"label":296,"to":29},"Variant product screens",{"label":298,"to":38},"Variant marketing pages",{"label":300,"to":32},"Variant user flows",{"label":302,"to":35},"Variant UI components",{"label":304,"to":305},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"published_at":307,"updated_at":308},"2026-03-22T19:48:27.000Z","2026-09-13T13:02:39.000Z"]