[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fsetup-wizard":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":495,"links":496,"dates":554},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard","collection","screens",true,{"example_count":9,"app_count":10},3872,379,{"id":12,"title":13,"description":14},75,"Setup Wizard","See how SaaS apps divide configuration into a sequence of steps. Explore how step labels, required information, and back or continue actions fit within each setup screen.",{"title":16,"description":17,"og_image":18},"Setup Wizard screen examples - Nicelydone","Setup Wizard screen design examples from SaaS apps. See how SaaS apps divide configuration into a sequence of steps. Explore how step labels, required…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3975f1c1-b5ba-4c23-845e-4a8a14b10065.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Setup Wizard screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Setup Wizard screen design examples from SaaS apps. See how SaaS apps divide configuration into a sequence of steps. Explore how step labels, required information, and back or continue actions fit within each…",[32],{"title":33,"description":14,"links":34},"About Setup Wizard",[],[36],"3872 screens",[38,104,137,181,214,242,286,331,363,402,429,468],{"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":69,"app":82},"3975f1c1-b5ba-4c23-845e-4a8a14b10065","Nicelydone | Polar","Onboarding step where the user selects their preferred framework and follows a numbered guide to install dependencies and add environment variables for a checkout integration.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49,56,64],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"setup-wizard",0,{"id":53,"label":54,"slug":55},7,"Onboarding & Education","onboarding-and-education",{"id":53,"label":57,"slug":58,"rank":59,"group":60},"Add & Create","add-and-create",1,{"id":61,"label":62,"slug":63},2,"Actions","actions",{"id":65,"label":66,"slug":67,"rank":61,"group":68},74,"Onboarding Checklist","onboarding-checklist",{"id":53,"label":54,"slug":55},[70,74,78],{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},174,"Card","card",{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[88,92,96,100],{"id":89,"title":90,"slug":91},36,"Finance","finance",{"id":93,"title":94,"slug":95},39,"Payments","payments",{"id":97,"title":98,"slug":99},48,"Developer Tools","developer-tools",{"id":101,"title":102,"slug":103},37,"Developer APIs","developer-apis",{"uuid":105,"title":106,"description":107,"canonical_path":108,"image":109,"width":43,"height":44,"image_alt":110,"published_at":111,"kind":47,"patterns":112,"component_categories":117,"app":119},"c8811c2e-9070-4e5d-8522-53149f2e8957","Magnific | All-in-One AI Creative Suite","Onboarding step where the user selects the types of content they plan to create, such as presentations, websites, or product imagery, using a grid of selectable pills.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8811c2e-9070-4e5d-8522-53149f2e8957.png","Magnific | All-in-One AI Creative Suite from Magnific","2026-09-14T12:05:04.000Z",[113,115],{"id":12,"label":13,"slug":50,"rank":51,"group":114},{"id":53,"label":54,"slug":55},{"id":65,"label":66,"slug":67,"rank":59,"group":116},{"id":53,"label":54,"slug":55},[118],{"id":79,"title":80,"slug":81},{"slug":120,"title":121,"logo":122,"baseline":123,"categories":124},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[125,129,133],{"id":126,"title":127,"slug":128},8,"Design","design",{"id":130,"title":131,"slug":132},15,"Media and Entertainment","media-and-entertainment",{"id":134,"title":135,"slug":136},80,"Artificial Intelligence","artificial-intelligence",{"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":158,"app":169},"5ed8cb6f-9d51-4eb7-bc13-49eaee26a777","Settings","Settings modal where the user connects their GitHub codebase via a three-step vertical setup process.","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ed8cb6f-9d51-4eb7-bc13-49eaee26a777.png","Settings from Alloy","2026-09-14T10:58:46.000Z",[146,154,156],{"id":147,"label":148,"slug":149,"rank":51,"group":150},97,"Integrations","integrations",{"id":151,"label":152,"slug":153},10,"Settings & Admin","settings-and-admin",{"id":53,"label":57,"slug":58,"rank":59,"group":155},{"id":61,"label":62,"slug":63},{"id":12,"label":13,"slug":50,"rank":61,"group":157},{"id":53,"label":54,"slug":55},[159,163,167,168],{"id":160,"title":161,"slug":162},169,"Avatar","avatar",{"id":164,"title":165,"slug":166},227,"Stepper","stepper",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":170,"title":171,"logo":172,"baseline":173,"categories":174},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[175,176,177],{"id":97,"title":98,"slug":99},{"id":134,"title":135,"slug":136},{"id":178,"title":179,"slug":180},86,"Product management","product-management",{"uuid":182,"title":183,"description":184,"canonical_path":185,"image":186,"width":43,"height":44,"image_alt":187,"published_at":188,"kind":47,"patterns":189,"component_categories":199,"app":201},"a2392f22-39c2-49ac-b741-e1529dc143a2","Inference.net | Full-Stack LLM Lifecycle Platform","Onboarding step where the user names their organization, sets a custom slug, and can invite initial team members.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2392f22-39c2-49ac-b741-e1529dc143a2.png","Inference.net | Full-Stack LLM Lifecycle Platform from Inference","2026-09-07T10:14:44.000Z",[190,192,197],{"id":12,"label":13,"slug":50,"rank":51,"group":191},{"id":53,"label":54,"slug":55},{"id":193,"label":194,"slug":195,"rank":59,"group":196},133,"Invite Teammates","invite-teammates",{"id":61,"label":62,"slug":63},{"id":65,"label":66,"slug":67,"rank":61,"group":198},{"id":53,"label":54,"slug":55},[200],{"id":79,"title":80,"slug":81},{"slug":202,"title":203,"logo":204,"baseline":205,"categories":206},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[207,208,212,213],{"id":97,"title":98,"slug":99},{"id":209,"title":210,"slug":211},16,"Monitoring","monitoring",{"id":101,"title":102,"slug":103},{"id":134,"title":135,"slug":136},{"uuid":215,"title":216,"description":217,"canonical_path":218,"image":219,"width":43,"height":44,"image_alt":220,"published_at":221,"kind":47,"patterns":222,"component_categories":227,"app":231},"276794d8-d075-4ecc-9259-6e1dd1b50516","Origin Financial","Onboarding step where the user starts the executors section of their basic will.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F276794d8-d075-4ecc-9259-6e1dd1b50516.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[223,225],{"id":12,"label":13,"slug":50,"rank":51,"group":224},{"id":53,"label":54,"slug":55},{"id":65,"label":66,"slug":67,"rank":59,"group":226},{"id":53,"label":54,"slug":55},[228,229,230],{"id":164,"title":165,"slug":166},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":232,"title":216,"logo":233,"baseline":234,"categories":235},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[236,237,241],{"id":89,"title":90,"slug":91},{"id":238,"title":239,"slug":240},56,"Accounting","accounting",{"id":134,"title":135,"slug":136},{"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":260,"app":273},"98143caf-fff0-4f34-b66c-234e964fb994","Steel | Open-source Headless Browser API","Onboarding screen where the user is prompted to generate their first API key and copy a terminal command to quickly build with the SDK.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98143caf-fff0-4f34-b66c-234e964fb994.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[251,253,255],{"id":12,"label":13,"slug":50,"rank":51,"group":252},{"id":53,"label":54,"slug":55},{"id":53,"label":57,"slug":58,"rank":59,"group":254},{"id":61,"label":62,"slug":63},{"id":256,"label":257,"slug":258,"rank":61,"group":259},95,"API Keys","api-keys",{"id":151,"label":152,"slug":153},[261,265,266,270,271,272],{"id":262,"title":263,"slug":264},260,"Badge","badge",{"id":71,"title":72,"slug":73},{"id":267,"title":268,"slug":269},240,"Horizontal navigation","horizontal-navigation",{"id":160,"title":161,"slug":162},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":274,"title":275,"logo":276,"baseline":277,"categories":278},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[279,280,281,282],{"id":97,"title":98,"slug":99},{"id":134,"title":135,"slug":136},{"id":101,"title":102,"slug":103},{"id":283,"title":284,"slug":285},45,"Open Source","open-source",{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":43,"height":44,"image_alt":292,"published_at":293,"kind":47,"patterns":294,"component_categories":299,"app":312},"662e4c62-f88d-43c5-8322-8f75cda9ab1d","Zaro - The Context Layer for Enterprise AI","Creation wizard where the user chooses whether to import existing data from external apps or start from scratch to set up a new workspace.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F662e4c62-f88d-43c5-8322-8f75cda9ab1d.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[295,297],{"id":12,"label":13,"slug":50,"rank":51,"group":296},{"id":53,"label":54,"slug":55},{"id":193,"label":194,"slug":195,"rank":59,"group":298},{"id":61,"label":62,"slug":63},[300,304,308,309,310,311],{"id":301,"title":302,"slug":303},177,"Breadcrumb","breadcrumb",{"id":305,"title":306,"slug":307},284,"Modal","modal",{"id":262,"title":263,"slug":264},{"id":164,"title":165,"slug":166},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[318,322,323,327],{"id":319,"title":320,"slug":321},23,"Collaboration","collaboration",{"id":134,"title":135,"slug":136},{"id":324,"title":325,"slug":326},22,"Knowledge Management","knowledge-management",{"id":328,"title":329,"slug":330},46,"Analytics","analytics",{"uuid":332,"title":333,"description":334,"canonical_path":335,"image":336,"width":43,"height":44,"image_alt":337,"published_at":338,"kind":47,"patterns":339,"component_categories":349,"app":353},"90628693-1676-4103-954e-88ea0a5e4552","Riverside Studio","Onboarding step where the user selects their primary use case, such as podcast, video clips, or livestream, to personalize their workspace.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90628693-1676-4103-954e-88ea0a5e4552.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[340,342,347],{"id":65,"label":66,"slug":67,"rank":51,"group":341},{"id":53,"label":54,"slug":55},{"id":343,"label":344,"slug":345,"rank":59,"group":346},72,"Getting Started","getting-started",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":61,"group":348},{"id":53,"label":54,"slug":55},[350,351,352],{"id":164,"title":165,"slug":166},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[359],{"id":360,"title":361,"slug":362},100,"Video","video",{"uuid":364,"title":365,"description":366,"canonical_path":367,"image":368,"width":43,"height":44,"image_alt":369,"published_at":370,"kind":47,"patterns":371,"component_categories":385,"app":390},"24f992e3-059e-455e-9746-da3741fd9c82","Axiom","Onboarding screen where the user sets up a new organization by providing a name and picking an edge deployment region, or learns how to join an existing one.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24f992e3-059e-455e-9746-da3741fd9c82.png","Axiom from Axiom","2026-08-18T09:00:19.000Z",[372,374,380],{"id":12,"label":13,"slug":50,"rank":51,"group":373},{"id":53,"label":54,"slug":55},{"id":59,"label":375,"slug":376,"rank":59,"group":377},"Account Setup","account-setup",{"id":59,"label":378,"slug":379},"Access & Account","access-and-account",{"id":381,"label":382,"slug":383,"rank":61,"group":384},104,"Team Management","team-management",{"id":151,"label":152,"slug":153},[386,387,388,389],{"id":267,"title":268,"slug":269},{"id":160,"title":161,"slug":162},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":391,"title":365,"logo":392,"baseline":393,"categories":394},"axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[395,396,400,401],{"id":328,"title":329,"slug":330},{"id":397,"title":398,"slug":399},57,"Big data","big-data",{"id":209,"title":210,"slug":211},{"id":97,"title":98,"slug":99},{"uuid":403,"title":404,"description":405,"canonical_path":406,"image":407,"width":43,"height":44,"image_alt":408,"published_at":409,"kind":47,"patterns":410,"component_categories":417,"app":422},"27cbe7c4-f63b-4b8d-b9c2-5311d0799c22","visitors.now\u002Fonboarding\u002Fproject","Onboarding step where the user connects a payment provider like Stripe or Dodo Payments to attribute revenue back to visitors.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27cbe7c4-f63b-4b8d-b9c2-5311d0799c22.png","visitors.now\u002Fonboarding\u002Fproject from Visitors","2026-07-20T12:18:36.000Z",[411,413,415],{"id":12,"label":13,"slug":50,"rank":51,"group":412},{"id":53,"label":54,"slug":55},{"id":147,"label":148,"slug":149,"rank":59,"group":414},{"id":151,"label":152,"slug":153},{"id":65,"label":66,"slug":67,"rank":61,"group":416},{"id":53,"label":54,"slug":55},[418,419,420,421],{"id":267,"title":268,"slug":269},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":79,"title":80,"slug":81},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[428],{"id":328,"title":329,"slug":330},{"uuid":430,"title":431,"description":432,"canonical_path":433,"image":434,"width":43,"height":44,"image_alt":435,"published_at":436,"kind":47,"patterns":437,"component_categories":450,"app":457},"490962a0-4412-4b12-9be2-59c05f647031","Dock · Settings","Wizard step for creating a security profile where the user adds FAQs via a modal with a rich text editor.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F490962a0-4412-4b12-9be2-59c05f647031.png","Dock · Settings from Dock","2026-07-13T15:30:47.000Z",[438,440,448],{"id":53,"label":57,"slug":58,"rank":51,"group":439},{"id":61,"label":62,"slug":63},{"id":441,"label":442,"slug":443,"rank":59,"group":444},42,"Form","form",{"id":445,"label":446,"slug":447},4,"Data & Analysis","data-and-analysis",{"id":12,"label":13,"slug":50,"rank":61,"group":449},{"id":53,"label":54,"slug":55},[451,455,456],{"id":452,"title":453,"slug":454},226,"Skeleton","skeleton",{"id":305,"title":306,"slug":307},{"id":164,"title":165,"slug":166},{"slug":458,"title":459,"logo":460,"baseline":461,"categories":462},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[463,464],{"id":319,"title":320,"slug":321},{"id":465,"title":466,"slug":467},29,"Task Management","task-management",{"uuid":469,"title":470,"description":471,"canonical_path":472,"image":473,"width":43,"height":44,"image_alt":474,"published_at":475,"kind":47,"patterns":476,"component_categories":483,"app":486},"d90e27d4-6b01-4ad7-bc0e-8a84165da779","Webhook - Appwrite","Wizard step where the user configures a data migration by selecting a source platform and entering connection credentials.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd90e27d4-6b01-4ad7-bc0e-8a84165da779.png","Webhook - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[477,479],{"id":12,"label":13,"slug":50,"rank":51,"group":478},{"id":53,"label":54,"slug":55},{"id":130,"label":480,"slug":481,"rank":59,"group":482},"Import & Export","import-and-export",{"id":61,"label":62,"slug":63},[484,485],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":487,"title":488,"logo":489,"baseline":490,"categories":491},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[492,493,494],{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":283,"title":284,"slug":285},[],[497,500,502,504,506,508,510,512,514,516,518,521,524,527,530,533,536,539,542,545,548,551],{"label":66,"to":498,"count":499},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",6,{"label":57,"to":501,"count":445},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":148,"to":503,"count":61},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":194,"to":505,"count":61},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":375,"to":507,"count":59},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":257,"to":509,"count":59},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":442,"to":511,"count":59},"\u002Fexamples\u002Fscreens\u002Fform",{"label":344,"to":513,"count":59},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":480,"to":515,"count":59},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":382,"to":517,"count":59},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":519,"to":520},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":522,"to":523},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":525,"to":526},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":528,"to":529},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":531,"to":532},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":534,"to":535},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":537,"to":538},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":540,"to":541},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":543,"to":544},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":546,"to":547},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":549,"to":550},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":552,"to":553},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"published_at":555,"updated_at":556},"2026-05-13T12:40:02.000Z","2026-09-26T20:10:01.133Z"]