[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmeiro\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":341,"links":342,"dates":403},"\u002Fexamples\u002Fapps\u002Fmeiro\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Meiro product screens examples - Nicelydone","Browse Meiro screen design examples. Preview the interface screenshots and explore related UI patterns. AI-powered builder for tests, quizzes and text games","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0eb2e84-f504-4481-adfb-5df1b36ec154.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},"Meiro design examples","\u002Fexamples\u002Fapps\u002Fmeiro",{"label":23,"to":4},"Meiro 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,"twitter_username":34,"categories":35},"Meiro","meiro","AI-powered builder for tests, quizzes and text games","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmeiro-1a1702c0.png","https:\u002F\u002Fmeiro.cc","MeiroAI",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},32,"Education","education",{"id":45,"title":46,"slug":47},69,"Surveys","surveys",[49,78,90,109,121,140,155,167,205,248,285,315],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"a0eb2e84-f504-4481-adfb-5df1b36ec154","Log in · Meiro","Sign-in screen where the user can authenticate using an email magic link or their Google account.",3024,1658,"Log in · Meiro from Meiro","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},175,"Button","button",{"id":73,"title":74,"slug":75},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":85,"app":88},"15afa9d5-a8e6-42f2-9a8b-771dc55ca7ca","Authentication screen where the user enters their email to receive a magic link or chooses to continue with Google SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15afa9d5-a8e6-42f2-9a8b-771dc55ca7ca.png",[83],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},[86,87],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":94,"component_categories":104,"app":107},"7ecb7744-089f-4cc5-a265-933c902f5a2b","Signup page where the user creates an account for a free trial by providing their full name, email, and choosing a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ecb7744-089f-4cc5-a265-933c902f5a2b.png",[95,100],{"id":96,"label":97,"slug":98,"rank":62,"group":99},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},{"id":64,"label":101,"slug":102,"rank":64,"group":103},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[105,106],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":51,"description":111,"canonical_path":4,"image":112,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":113,"component_categories":116,"app":119},"ccb7c805-0172-4ea3-a39d-5f4c3c9ffcd3","Signup screen where the user enters their email, name, and password to start a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fccb7c805-0172-4ea3-a39d-5f4c3c9ffcd3.png",[114],{"id":96,"label":97,"slug":98,"rank":62,"group":115},{"id":64,"label":65,"slug":66},[117,118],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":51,"description":111,"canonical_path":4,"image":123,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":124,"component_categories":135,"app":138},"c2704a97-40c0-40aa-936f-558d3d265570","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2704a97-40c0-40aa-936f-558d3d265570.png",[125,127],{"id":96,"label":97,"slug":98,"rank":62,"group":126},{"id":64,"label":65,"slug":66},{"id":128,"label":129,"slug":130,"rank":64,"group":131},91,"Trial","trial",{"id":132,"label":133,"slug":134},9,"Plans & Limits","plans-and-limits",[136,137],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":51,"description":142,"canonical_path":4,"image":143,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":144,"component_categories":150,"app":153},"1f233a06-16e2-425b-9d65-b94034f9c31a","Verification screen where the user enters an activation code sent to their email to confirm their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f233a06-16e2-425b-9d65-b94034f9c31a.png",[145],{"id":146,"label":147,"slug":148,"rank":62,"group":149},6,"Verification","verification",{"id":64,"label":65,"slug":66},[151,152],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":51,"description":157,"canonical_path":4,"image":158,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":159,"component_categories":162,"app":165},"7b73c614-44de-4c17-8df3-458ff517c395","Verification screen where the user enters a 4-digit activation code sent to their email to confirm their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b73c614-44de-4c17-8df3-458ff517c395.png",[160],{"id":146,"label":147,"slug":148,"rank":62,"group":161},{"id":64,"label":65,"slug":66},[163,164],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":53,"height":172,"image_alt":173,"kind":56,"patterns":174,"component_categories":188,"app":203},"46cc289a-9826-4ff7-809e-638f70d82ec2","Plans · Meiro","Settings page where the user views and upgrades their subscription plan, choosing between monthly, 3-month, and annual billing cycles across three AI-powered tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46cc289a-9826-4ff7-809e-638f70d82ec2.png",2176,"Plans · Meiro from Meiro",[175,180],{"id":176,"label":177,"slug":178,"rank":62,"group":179},89,"Pricing","pricing",{"id":132,"label":133,"slug":134},{"id":181,"label":182,"slug":183,"rank":64,"group":184},96,"Billing Settings","billing-settings",{"id":185,"label":186,"slug":187},10,"Settings & Admin","settings-and-admin",[189,193,197,201,202],{"id":190,"title":191,"slug":192},233,"Tabs","tabs",{"id":194,"title":195,"slug":196},169,"Avatar","avatar",{"id":198,"title":199,"slug":200},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":53,"height":54,"image_alt":210,"kind":56,"patterns":211,"component_categories":241,"app":246},"6c665e64-5026-48b2-adf8-955142bb2fe9","Challenges · Meiro","Dashboard list view where the user manages their created challenges, views basic engagement stats, and can start building a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c665e64-5026-48b2-adf8-955142bb2fe9.png","Challenges · Meiro from Meiro",[212,219,227,232],{"id":213,"label":214,"slug":215,"rank":62,"group":216},41,"Dashboard","dashboard",{"id":59,"label":217,"slug":218},"Data & Analysis","data-and-analysis",{"id":220,"label":221,"slug":222,"rank":64,"group":223},7,"Add & Create","add-and-create",{"id":224,"label":225,"slug":226},2,"Actions","actions",{"id":228,"label":229,"slug":230,"rank":224,"group":231},47,"Table","table",{"id":59,"label":217,"slug":218},{"id":233,"label":234,"slug":235,"rank":236,"group":237},115,"Empty State","empty-state",3,{"id":238,"label":239,"slug":240},12,"States & Feedback","states-and-feedback",[242,243,244,245],{"id":194,"title":195,"slug":196},{"id":198,"title":199,"slug":200},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":4,"image":252,"width":53,"height":253,"image_alt":254,"kind":56,"patterns":255,"component_categories":275,"app":283},"74d2f9bd-348b-4901-8542-d178ba9133aa","Blocks · So You Think You Can Survive the AI Apocalypse · Meiro","Form builder where the user edits a sequence of quiz questions and a lead form for an AI apocalypse challenge.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74d2f9bd-348b-4901-8542-d178ba9133aa.png",7374,"Blocks · So You Think You Can Survive the AI Apocalypse · Meiro from Meiro",[256,261,266,271],{"id":257,"label":258,"slug":259,"rank":62,"group":260},11,"Edit","edit",{"id":224,"label":225,"slug":226},{"id":262,"label":263,"slug":264,"rank":64,"group":265},42,"Form","form",{"id":59,"label":217,"slug":218},{"id":267,"label":268,"slug":269,"rank":224,"group":270},17,"Publish","publish",{"id":224,"label":225,"slug":226},{"id":132,"label":272,"slug":273,"rank":236,"group":274},"Delete","delete",{"id":224,"label":225,"slug":226},[276,280,281,282],{"id":277,"title":278,"slug":279},177,"Breadcrumb","breadcrumb",{"id":198,"title":199,"slug":200},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":287,"description":288,"canonical_path":4,"image":289,"width":53,"height":290,"image_alt":291,"kind":56,"patterns":292,"component_categories":304,"app":313},"60365e52-5164-432c-b08e-d5ae3b2e5e99","Question 1 · So You Think You Can Survive the AI Apocalypse · Mei","Content editor where the user configures a multiple-choice question, sets scoring, and manages an AI-generated cover image for a quiz.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60365e52-5164-432c-b08e-d5ae3b2e5e99.png",2270,"Question 1 · So You Think You Can Survive the AI Apocalypse · Mei from Meiro",[293,295,302],{"id":257,"label":258,"slug":259,"rank":62,"group":294},{"id":224,"label":225,"slug":226},{"id":296,"label":297,"slug":298,"rank":64,"group":299},30,"AI Generation","ai-generation",{"id":236,"label":300,"slug":301},"AI","ai",{"id":267,"label":268,"slug":269,"rank":224,"group":303},{"id":224,"label":225,"slug":226},[305,309,310,311,312],{"id":306,"title":307,"slug":308},257,"Input number","input-number",{"id":277,"title":278,"slug":279},{"id":198,"title":199,"slug":200},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":287,"description":317,"canonical_path":4,"image":318,"width":53,"height":54,"image_alt":291,"kind":56,"patterns":319,"component_categories":333,"app":339},"ce955b2b-b483-478d-a6c0-87fdf5197640","Design editor where the user configures a single-choice question about surviving an AI apocalypse, sets scoring points, and manages answer options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce955b2b-b483-478d-a6c0-87fdf5197640.png",[320,322,324,331],{"id":257,"label":258,"slug":259,"rank":62,"group":321},{"id":224,"label":225,"slug":226},{"id":262,"label":263,"slug":264,"rank":64,"group":323},{"id":59,"label":217,"slug":218},{"id":325,"label":326,"slug":327,"rank":224,"group":328},58,"Media Editor","media-editor",{"id":96,"label":329,"slug":330},"Media & Tools","media-and-tools",{"id":267,"label":268,"slug":269,"rank":236,"group":332},{"id":224,"label":225,"slug":226},[334,335,336,337,338],{"id":306,"title":307,"slug":308},{"id":194,"title":195,"slug":196},{"id":277,"title":278,"slug":279},{"id":198,"title":199,"slug":200},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":340},[],[],[343,345,347,349,351,353,355,357,359,361,363,365,367,370,373,376,379,382,385,387,391,395,399],{"label":258,"to":344},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":268,"to":346},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":97,"to":348},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":263,"to":350},"\u002Fexamples\u002Fscreens\u002Fform",{"label":60,"to":352},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":147,"to":354},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":101,"to":356},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":221,"to":358},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":297,"to":360},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":182,"to":362},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":214,"to":364},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":272,"to":366},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":368,"to":369},"Meiro marketing pages","\u002Fexamples\u002Fapps\u002Fmeiro\u002Fmarketing",{"label":371,"to":372},"Meiro user flows","\u002Fexamples\u002Fapps\u002Fmeiro\u002Fflows",{"label":374,"to":375},"Meiro UI components","\u002Fexamples\u002Fapps\u002Fmeiro\u002Fcomponents",{"label":377,"to":378},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":380,"to":381},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":383,"to":384},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":386,"to":18},"All SaaS app examples",{"label":388,"to":389,"description":390},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":392,"to":393,"description":394},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":396,"to":397,"description":398},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":400,"to":401,"description":402},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":404,"updated_at":405},"2024-04-08T12:34:05.000Z","2026-09-13T13:02:39.000Z"]