[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fonboarding":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":511,"links":512,"dates":573},"\u002Fexamples\u002Ftags\u002Fonboarding","collection","screens",true,{"example_count":9,"app_count":10},13892,566,{"id":12,"title":13,"description":14},325,"Onboarding","See how SaaS apps introduce the first useful tasks in a new account. Explore how setup guidance and starter actions relate to the main product workspace.",{"title":16,"description":17,"og_image":18},"Onboarding screen examples - Nicelydone","Onboarding screen design examples from SaaS apps. See how SaaS apps introduce the first useful tasks in a new account. Explore how setup guidance and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde49b723-7f48-4e5a-b0b0-4b40cc1ad547.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Onboarding screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","Onboarding screen design examples from SaaS apps. See how SaaS apps introduce the first useful tasks in a new account. Explore how setup guidance and starter actions relate to the main product workspace.",[32],{"title":33,"description":14,"links":34},"About Onboarding",[],[36],"13892 screens",[38,97,137,183,242,271,310,334,363,410,438,477],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":70,"app":83},"de49b723-7f48-4e5a-b0b0-4b40cc1ad547","Spaces · Dock","AI chat modal where the user asks an agent to find an onboarding checklist and reviews the suggested asset records and alternative search terms.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Spaces · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[49,58,64],{"id":50,"label":51,"slug":52,"rank":53,"group":54},28,"AI Chat","ai-chat",0,{"id":55,"label":56,"slug":57},3,"AI","ai",{"id":59,"label":60,"slug":61,"rank":62,"group":63},26,"AI Agent","ai-agent",1,{"id":55,"label":56,"slug":57},{"id":65,"label":66,"slug":67,"rank":68,"group":69},32,"AI Search","ai-search",2,{"id":55,"label":56,"slug":57},[71,75,79],{"id":72,"title":73,"slug":74},284,"Modal","modal",{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[89,93],{"id":90,"title":91,"slug":92},23,"Collaboration","collaboration",{"id":94,"title":95,"slug":96},29,"Task Management","task-management",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":43,"height":44,"image_alt":103,"published_at":104,"kind":47,"patterns":105,"component_categories":113,"app":115},"40a4be40-ae04-44f3-9191-e81c085fb3e6","Sign In - Beside","Sign-in screen where the user authenticates with Google, Apple, email, or phone.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40a4be40-ae04-44f3-9191-e81c085fb3e6.png","Sign In - Beside from Beside","2026-06-29T18:30:01.000Z",[106],{"id":107,"label":108,"slug":109,"rank":53,"group":110},4,"Sign In","sign-in",{"id":62,"label":111,"slug":112},"Access & Account","access-and-account",[114],{"id":80,"title":81,"slug":82},{"slug":116,"title":117,"logo":118,"baseline":119,"categories":120},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[121,125,129,133],{"id":122,"title":123,"slug":124},80,"Artificial Intelligence","artificial-intelligence",{"id":126,"title":127,"slug":128},47,"Customer Service","customer-service",{"id":130,"title":131,"slug":132},53,"CRM","crm",{"id":134,"title":135,"slug":136},82,"Communication","communication",{"uuid":138,"title":139,"description":140,"canonical_path":141,"image":142,"width":43,"height":44,"image_alt":143,"published_at":144,"kind":47,"patterns":145,"component_categories":162,"app":168},"609d2062-fa75-48cd-88be-47c37cf4861e","Select a Team - Exa Dashboard","Onboarding step where the user selects which team workspace to enter, with the personal team currently loading.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F609d2062-fa75-48cd-88be-47c37cf4861e.png","Select a Team - Exa Dashboard from Exa","2026-06-23T14:19:28.000Z",[146,154],{"id":147,"label":148,"slug":149,"rank":53,"group":150},71,"Workspace Switcher","workspace-switcher",{"id":151,"label":152,"slug":153},6,"Navigation & Commands","navigation-and-commands",{"id":155,"label":156,"slug":157,"rank":62,"group":158},120,"Loading","loading",{"id":159,"label":160,"slug":161},12,"States & Feedback","states-and-feedback",[163,167],{"id":164,"title":165,"slug":166},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"slug":169,"title":170,"logo":171,"baseline":172,"categories":173},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[174,178,179],{"id":175,"title":176,"slug":177},55,"Search engine","search-engine",{"id":122,"title":123,"slug":124},{"id":180,"title":181,"slug":182},37,"Developer APIs","developer-apis",{"uuid":184,"title":185,"description":186,"canonical_path":187,"image":188,"width":43,"height":44,"image_alt":189,"published_at":190,"kind":47,"patterns":191,"component_categories":213,"app":224},"62b79a5e-ad5e-48ab-85e2-05b88a0c3ad0","Approvals","Inbox view where the user manages team invitations and routine approvals, currently showing a zero-state message with no pending items.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62b79a5e-ad5e-48ab-85e2-05b88a0c3ad0.png","Approvals from Town","2026-06-16T15:01:01.000Z",[192,197,205],{"id":193,"label":194,"slug":195,"rank":53,"group":196},115,"Empty State","empty-state",{"id":159,"label":160,"slug":161},{"id":198,"label":199,"slug":200,"rank":62,"group":201},123,"Approval Flow","approval-flow",{"id":202,"label":203,"slug":204},13,"Workflow & Automation","workflow-and-automation",{"id":206,"label":207,"slug":208,"rank":68,"group":209},92,"Upgrade Prompt","upgrade-prompt",{"id":210,"label":211,"slug":212},9,"Plans & Limits","plans-and-limits",[214,218,222,223],{"id":215,"title":216,"slug":217},214,"Popover","popover",{"id":219,"title":220,"slug":221},260,"Badge","badge",{"id":164,"title":165,"slug":166},{"id":80,"title":81,"slug":82},{"slug":225,"title":226,"logo":227,"baseline":228,"categories":229},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[230,231,235,238],{"id":122,"title":123,"slug":124},{"id":232,"title":233,"slug":234},30,"Productivity","productivity",{"id":206,"title":236,"slug":237},"Email","email",{"id":239,"title":240,"slug":241},101,"Calendar","calendar",{"uuid":243,"title":244,"description":245,"canonical_path":246,"image":247,"width":43,"height":44,"image_alt":248,"published_at":249,"kind":47,"patterns":250,"component_categories":257,"app":259},"53fb8730-2f3c-46c0-88a4-5f017305b914","FLORA","Loading screen where the system provisions the user's new account before redirecting them to the app.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53fb8730-2f3c-46c0-88a4-5f017305b914.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[251,253],{"id":155,"label":156,"slug":157,"rank":53,"group":252},{"id":159,"label":160,"slug":161},{"id":62,"label":254,"slug":255,"rank":62,"group":256},"Account Setup","account-setup",{"id":62,"label":111,"slug":112},[258],{"id":76,"title":77,"slug":78},{"slug":260,"title":261,"logo":262,"baseline":263,"categories":264},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[265,266,270],{"id":122,"title":123,"slug":124},{"id":267,"title":268,"slug":269},8,"Design","design",{"id":90,"title":91,"slug":92},{"uuid":272,"title":273,"description":274,"canonical_path":275,"image":276,"width":43,"height":44,"image_alt":277,"published_at":278,"kind":47,"patterns":279,"component_categories":294,"app":296},"3277b36a-c888-4c32-adea-e5b6bb6fadc2","Home | Lovable","Onboarding step where the user selects a Pro or Business plan and allocates monthly credits before creating their workspace.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3277b36a-c888-4c32-adea-e5b6bb6fadc2.png","Home | Lovable from Lovable","2026-05-18T10:58:24.000Z",[280,285,287],{"id":281,"label":282,"slug":283,"rank":53,"group":284},89,"Pricing","pricing",{"id":210,"label":211,"slug":212},{"id":206,"label":207,"slug":208,"rank":62,"group":286},{"id":210,"label":211,"slug":212},{"id":288,"label":289,"slug":290,"rank":68,"group":291},7,"Add & Create","add-and-create",{"id":68,"label":292,"slug":293},"Actions","actions",[295],{"id":80,"title":81,"slug":82},{"slug":297,"title":298,"logo":299,"baseline":300,"categories":301},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[302,303,306],{"id":122,"title":123,"slug":124},{"id":288,"title":304,"slug":305},"Web Development","web-development",{"id":307,"title":308,"slug":309},96,"No code","no-code",{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":43,"height":44,"image_alt":316,"published_at":317,"kind":47,"patterns":318,"component_categories":321,"app":324},"daa43952-0d7c-4870-bc53-4fa2b7d08a20","Login | Amie","Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdaa43952-0d7c-4870-bc53-4fa2b7d08a20.png","Login | Amie from Amie","2026-05-18T09:02:08.000Z",[319],{"id":107,"label":108,"slug":109,"rank":53,"group":320},{"id":62,"label":111,"slug":112},[322,323],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":325,"title":326,"logo":327,"baseline":328,"categories":329},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[330,331,332,333],{"id":239,"title":240,"slug":241},{"id":94,"title":95,"slug":96},{"id":232,"title":233,"slug":234},{"id":122,"title":123,"slug":124},{"uuid":335,"title":336,"description":337,"canonical_path":338,"image":339,"width":43,"height":44,"image_alt":340,"published_at":341,"kind":47,"patterns":342,"component_categories":345,"app":348},"d42ed3e4-3c87-4a5d-8792-3d96c956271e","Navattic","Sign-in screen where the user is prompted to authenticate with their work email or Google after encountering a session-required error.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd42ed3e4-3c87-4a5d-8792-3d96c956271e.png","Navattic from Navattic","2026-05-05T10:32:31.000Z",[343],{"id":107,"label":108,"slug":109,"rank":53,"group":344},{"id":62,"label":111,"slug":112},[346,347],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":349,"title":336,"logo":350,"baseline":351,"categories":352},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[353,357,358,359],{"id":354,"title":355,"slug":356},25,"Marketing","marketing",{"id":122,"title":123,"slug":124},{"id":307,"title":308,"slug":309},{"id":360,"title":361,"slug":362},103,"Demo Automation","demo-automation",{"uuid":364,"title":365,"description":366,"canonical_path":367,"image":368,"width":369,"height":370,"image_alt":371,"published_at":372,"kind":47,"patterns":373,"component_categories":387,"app":395},"bfb19156-35a1-4e35-9401-d4ffae1a4387","Tags | Mailchimp","List view empty state where the user is prompted to create their first tag to organize audience contacts, alongside a prominent trial countdown banner in the sidebar.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfb19156-35a1-4e35-9401-d4ffae1a4387.png",2880,1670,"Tags | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[374,376,382],{"id":193,"label":194,"slug":195,"rank":53,"group":375},{"id":159,"label":160,"slug":161},{"id":126,"label":377,"slug":378,"rank":62,"group":379},"Table","table",{"id":107,"label":380,"slug":381},"Data & Analysis","data-and-analysis",{"id":383,"label":384,"slug":385,"rank":68,"group":386},91,"Trial","trial",{"id":210,"label":211,"slug":212},[388,392,393,394],{"id":389,"title":390,"slug":391},240,"Horizontal navigation","horizontal-navigation",{"id":219,"title":220,"slug":221},{"id":164,"title":165,"slug":166},{"id":80,"title":81,"slug":82},{"slug":396,"title":397,"logo":398,"baseline":399,"categories":400},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[401,402,406],{"id":354,"title":355,"slug":356},{"id":403,"title":404,"slug":405},27,"Email Newsletters","email-newsletters",{"id":407,"title":408,"slug":409},68,"SMS","sms",{"uuid":411,"title":412,"description":413,"canonical_path":414,"image":415,"width":43,"height":416,"image_alt":417,"published_at":418,"kind":47,"patterns":419,"component_categories":424,"app":426},"18ba8fe7-17c3-425e-808f-5d505ad9e31a","Check your email","Verification screen where the user enters a 6-digit code sent to their email address to authenticate.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18ba8fe7-17c3-425e-808f-5d505ad9e31a.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[420],{"id":151,"label":421,"slug":422,"rank":53,"group":423},"Verification","verification",{"id":62,"label":111,"slug":112},[425],{"id":76,"title":77,"slug":78},{"slug":427,"title":428,"logo":429,"baseline":430,"categories":431},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[432,436,437],{"id":433,"title":434,"slug":435},48,"Developer Tools","developer-tools",{"id":90,"title":91,"slug":92},{"id":180,"title":181,"slug":182},{"uuid":439,"title":440,"description":441,"canonical_path":442,"image":443,"width":369,"height":370,"image_alt":444,"published_at":445,"kind":47,"patterns":446,"component_categories":462,"app":464},"8f871c1b-0854-44e8-982e-a1356082e015","Maze","Onboarding step where the user can make their workspace discoverable by domain and invite teammates via a shareable link or email addresses.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f871c1b-0854-44e8-982e-a1356082e015.png","Maze from Maze","2026-04-20T14:45:59.000Z",[447,452,460],{"id":448,"label":449,"slug":450,"rank":53,"group":451},133,"Invite Teammates","invite-teammates",{"id":68,"label":292,"slug":293},{"id":453,"label":454,"slug":455,"rank":62,"group":456},104,"Team Management","team-management",{"id":457,"label":458,"slug":459},10,"Settings & Admin","settings-and-admin",{"id":62,"label":254,"slug":255,"rank":68,"group":461},{"id":62,"label":111,"slug":112},[463],{"id":80,"title":81,"slug":82},{"slug":465,"title":440,"logo":466,"baseline":467,"categories":468},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[469,470,474],{"id":267,"title":268,"slug":269},{"id":471,"title":472,"slug":473},69,"Surveys","surveys",{"id":453,"title":475,"slug":476},"User Research","user-research",{"uuid":478,"title":479,"description":480,"canonical_path":481,"image":482,"width":43,"height":483,"image_alt":484,"published_at":485,"kind":47,"patterns":486,"component_categories":493,"app":497},"c4ce53cd-6597-4ad1-80d5-a87fa190ce1c","Cushion","Settings modal where the user manages workspace members, views invited teammates, and can invite new people or upgrade their plan.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4ce53cd-6597-4ad1-80d5-a87fa190ce1c.png",1776,"Cushion from Cushion","2026-04-14T11:44:00.000Z",[487,489,491],{"id":453,"label":454,"slug":455,"rank":53,"group":488},{"id":457,"label":458,"slug":459},{"id":448,"label":449,"slug":450,"rank":62,"group":490},{"id":68,"label":292,"slug":293},{"id":206,"label":207,"slug":208,"rank":68,"group":492},{"id":210,"label":211,"slug":212},[494,495,496],{"id":72,"title":73,"slug":74},{"id":164,"title":165,"slug":166},{"id":80,"title":81,"slug":82},{"slug":498,"title":479,"logo":499,"baseline":500,"categories":501},"cushion-so","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[502,503,507,508],{"id":90,"title":91,"slug":92},{"id":504,"title":505,"slug":506},42,"Messaging","messaging",{"id":134,"title":135,"slug":136},{"id":281,"title":509,"slug":510},"Remote","remote",[],[513,515,517,519,521,523,525,527,529,531,533,535,537,540,543,546,549,552,555,558,561,564,567,570],{"label":108,"to":514,"count":55},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":207,"to":516,"count":55},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":254,"to":518,"count":68},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":194,"to":520,"count":68},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":449,"to":522,"count":68},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":156,"to":524,"count":68},"\u002Fexamples\u002Fscreens\u002Floading",{"label":454,"to":526,"count":68},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":289,"to":528,"count":62},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":60,"to":530,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":51,"to":532,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":66,"to":534,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":199,"to":536,"count":62},"\u002Fexamples\u002Fscreens\u002Fapproval-flow",{"label":538,"to":539},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":541,"to":542},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":544,"to":545},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":547,"to":548},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":550,"to":551},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":553,"to":554},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":556,"to":557},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":559,"to":560},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":562,"to":563},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":565,"to":566},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":568,"to":569},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":571,"to":572},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"published_at":574,"updated_at":575},"2024-12-11T09:56:31.000Z","2026-09-26T02:35:10.471Z"]