[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvariant\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":269,"links":270,"dates":296},"\u002Fexamples\u002Fapps\u002Fvariant\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Variant product screens examples - Nicelydone","Browse Variant screen design examples. Preview the interface screenshots and explore related UI patterns. Endless designs for your ideas, just scroll","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F926f2e8b-c1a0-4055-a140-cfd9c43e7a8d.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},"Variant design examples","\u002Fexamples\u002Fapps\u002Fvariant",{"label":23,"to":4},"Variant 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},"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",[35],{"id":36,"title":37,"slug":38},8,"Design","design",[40,65,76,87,97,111,122,154,178,202,216,242],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":63},"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",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},5,"Sign Up","sign-up",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":42,"description":67,"canonical_path":4,"image":68,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":69,"component_categories":72,"app":74},"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",[70],{"id":50,"label":51,"slug":52,"rank":53,"group":71},{"id":55,"label":56,"slug":57},[73],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":42,"description":78,"canonical_path":4,"image":79,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":80,"component_categories":83,"app":85},"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",[81],{"id":50,"label":51,"slug":52,"rank":53,"group":82},{"id":55,"label":56,"slug":57},[84],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":42,"description":67,"canonical_path":4,"image":89,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":90,"component_categories":93,"app":95},"8c4c212f-bfc0-41ec-af03-d34383e0e606","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c4c212f-bfc0-41ec-af03-d34383e0e606.png",[91],{"id":50,"label":51,"slug":52,"rank":53,"group":92},{"id":55,"label":56,"slug":57},[94],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":42,"description":99,"canonical_path":4,"image":100,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":101,"component_categories":107,"app":109},"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",[102],{"id":103,"label":104,"slug":105,"rank":53,"group":106},6,"Verification","verification",{"id":55,"label":56,"slug":57},[108],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":42,"description":113,"canonical_path":4,"image":114,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":115,"component_categories":118,"app":120},"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",[116],{"id":103,"label":104,"slug":105,"rank":53,"group":117},{"id":55,"label":56,"slug":57},[119],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":42,"description":124,"canonical_path":4,"image":125,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":126,"component_categories":142,"app":152},"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",[127,134],{"id":128,"label":129,"slug":130,"rank":53,"group":131},79,"Browse","browse",{"id":36,"label":132,"slug":133},"Pages & Content","pages-and-content",{"id":135,"label":136,"slug":137,"rank":55,"group":138},30,"AI Generation","ai-generation",{"id":139,"label":140,"slug":141},3,"AI","ai",[143,147,151],{"id":144,"title":145,"slug":146},174,"Card","card",{"id":148,"title":149,"slug":150},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":42,"description":156,"canonical_path":4,"image":157,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":158,"component_categories":169,"app":176},"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",[159,161,163],{"id":128,"label":129,"slug":130,"rank":53,"group":160},{"id":36,"label":132,"slug":133},{"id":135,"label":136,"slug":137,"rank":55,"group":162},{"id":139,"label":140,"slug":141},{"id":164,"label":165,"slug":166,"rank":167,"group":168},82,"Media Detail","media-detail",2,{"id":36,"label":132,"slug":133},[170,174,175],{"id":171,"title":172,"slug":173},298,"Bento box","bento-grid",{"id":144,"title":145,"slug":146},{"id":148,"title":149,"slug":150},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":42,"description":180,"canonical_path":4,"image":181,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":182,"component_categories":198,"app":200},"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",[183,185,193],{"id":135,"label":136,"slug":137,"rank":53,"group":184},{"id":139,"label":140,"slug":141},{"id":186,"label":187,"slug":188,"rank":55,"group":189},115,"Empty State","empty-state",{"id":190,"label":191,"slug":192},12,"States & Feedback","states-and-feedback",{"id":194,"label":195,"slug":196,"rank":167,"group":197},28,"AI Chat","ai-chat",{"id":139,"label":140,"slug":141},[199],{"id":148,"title":149,"slug":150},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":42,"description":204,"canonical_path":4,"image":205,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":206,"component_categories":211,"app":214},"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",[207,209],{"id":135,"label":136,"slug":137,"rank":53,"group":208},{"id":139,"label":140,"slug":141},{"id":186,"label":187,"slug":188,"rank":55,"group":210},{"id":190,"label":191,"slug":192},[212,213],{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":42,"description":218,"canonical_path":4,"image":219,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":220,"component_categories":232,"app":240},"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",[221,223,225],{"id":194,"label":195,"slug":196,"rank":53,"group":222},{"id":139,"label":140,"slug":141},{"id":135,"label":136,"slug":137,"rank":55,"group":224},{"id":139,"label":140,"slug":141},{"id":226,"label":227,"slug":228,"rank":167,"group":229},55,"Design Editor","design-editor",{"id":50,"label":230,"slug":231},"Media & Tools","media-and-tools",[233,237,238,239],{"id":234,"title":235,"slug":236},226,"Skeleton","skeleton",{"id":144,"title":145,"slug":146},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":42,"description":244,"canonical_path":4,"image":245,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":246,"component_categories":264,"app":267},"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",[247,252,254,259],{"id":248,"label":249,"slug":250,"rank":53,"group":251},26,"AI Agent","ai-agent",{"id":139,"label":140,"slug":141},{"id":135,"label":136,"slug":137,"rank":55,"group":253},{"id":139,"label":140,"slug":141},{"id":255,"label":256,"slug":257,"rank":167,"group":258},120,"Loading","loading",{"id":190,"label":191,"slug":192},{"id":260,"label":261,"slug":262,"rank":139,"group":263},35,"Chatbot","chatbot",{"id":139,"label":140,"slug":141},[265,266],{"id":234,"title":235,"slug":236},{"id":148,"title":149,"slug":150},{"slug":30,"title":29,"logo":32,"categories":268},[],[],[271,273,275,277,279,281,283,285,287,289,291,293],{"label":136,"to":272},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":51,"to":274},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":195,"to":276},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":129,"to":278},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":187,"to":280,"count":167},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":104,"to":282,"count":167},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":249,"to":284,"count":55},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":261,"to":286,"count":55},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":227,"to":288,"count":55},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":256,"to":290,"count":55},"\u002Fexamples\u002Fscreens\u002Floading",{"label":165,"to":292,"count":55},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":294,"to":295},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"published_at":297,"updated_at":298},"2026-03-22T19:48:27.000Z","2026-09-13T13:02:39.000Z"]