[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fpages\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":547,"links":548,"dates":587},"\u002Fexamples\u002Fpages\u002Fonboarding","collection","pages",true,{"example_count":9,"app_count":10},9295,493,{"id":12,"title":13,"description":14},16,"Onboarding","Onboarding page design in SaaS is like a welcome tour, guiding new users. It introduces key features, offers clear instructions, and provides helpful tips to ensure a smooth start. Sometimes called a 'first-time user experience,' it boosts user experience and reduces churn. Browse examples of Onboarding pages design from the best SaaS apps.",{"title":16,"description":17,"og_image":18},"Onboarding page examples - Nicelydone","Onboarding page design examples from SaaS websites. Onboarding page design in SaaS is like a welcome tour, guiding new users. It introduces key features,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf863aeb-fa0a-45b2-b7f3-5dc3c419a098.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS marketing page examples","\u002Fexamples\u002Fpages",{"label":27,"to":4},"Onboarding page examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI category","Onboarding page design examples from SaaS websites. Onboarding page design in SaaS is like a welcome tour, guiding new users. It introduces key features, offers clear instructions, and provides helpful tips…",[32],{"title":33,"description":14,"links":34},"About Onboarding",[],[36],"9295 marketing pages",[38,77,138,176,222,267,317,350,384,427,463,498],{"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":58,"app":71},"df863aeb-fa0a-45b2-b7f3-5dc3c419a098","Profound | Answer Engine Optimization","Sign-in screen for a returning user where they enter their password for a pre-filled email address, accompanied by a carousel of customer testimonials.","\u002Fexamples\u002Fapps\u002Ftryprofound\u002Fscreens",3024,1758,"Profound | Answer Engine Optimization from Tryprofound","2026-09-29T14:45:53.000Z","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},232,"Testimonial","testimonial",{"id":64,"title":65,"slug":66},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"tryprofound","Tryprofound","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F35ad93e4-025e-4052-883d-31bf1d7c4734.png","AI Answer Engine Optimization platform for enterprise brands",[],{"uuid":78,"title":79,"description":80,"canonical_path":81,"image":82,"width":43,"height":44,"image_alt":83,"published_at":84,"kind":47,"patterns":85,"component_categories":106,"app":116},"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","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3975f1c1-b5ba-4c23-845e-4a8a14b10065.png","Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z",[86,94,101],{"id":87,"label":88,"slug":89,"rank":53,"group":90},75,"Setup Wizard","setup-wizard",{"id":91,"label":92,"slug":93},7,"Onboarding & Education","onboarding-and-education",{"id":91,"label":95,"slug":96,"rank":55,"group":97},"Add & Create","add-and-create",{"id":98,"label":99,"slug":100},2,"Actions","actions",{"id":102,"label":103,"slug":104,"rank":98,"group":105},74,"Onboarding Checklist","onboarding-checklist",{"id":91,"label":92,"slug":93},[107,111,115],{"id":108,"title":109,"slug":110},233,"Tabs","tabs",{"id":112,"title":113,"slug":114},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":117,"title":118,"logo":119,"baseline":120,"categories":121},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[122,126,130,134],{"id":123,"title":124,"slug":125},36,"Finance","finance",{"id":127,"title":128,"slug":129},39,"Payments","payments",{"id":131,"title":132,"slug":133},48,"Developer Tools","developer-tools",{"id":135,"title":136,"slug":137},37,"Developer APIs","developer-apis",{"uuid":139,"title":140,"description":141,"canonical_path":142,"image":143,"width":43,"height":44,"image_alt":144,"published_at":145,"kind":47,"patterns":146,"component_categories":157,"app":158},"e07c1f37-db6d-422e-8117-9bbc5b3c92d2","Magnific | All-in-One AI Creative Suite","Onboarding step where a success message confirms the user's workspace is ready.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe07c1f37-db6d-422e-8117-9bbc5b3c92d2.png","Magnific | All-in-One AI Creative Suite from Magnific","2026-09-14T12:05:04.000Z",[147,155],{"id":148,"label":149,"slug":150,"rank":53,"group":151},122,"Success","success",{"id":152,"label":153,"slug":154},12,"States & Feedback","states-and-feedback",{"id":102,"label":103,"slug":104,"rank":55,"group":156},{"id":91,"label":92,"slug":93},[],{"slug":159,"title":160,"logo":161,"baseline":162,"categories":163},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[164,168,172],{"id":165,"title":166,"slug":167},8,"Design","design",{"id":169,"title":170,"slug":171},15,"Media and Entertainment","media-and-entertainment",{"id":173,"title":174,"slug":175},80,"Artificial Intelligence","artificial-intelligence",{"uuid":177,"title":178,"description":179,"canonical_path":180,"image":181,"width":43,"height":44,"image_alt":182,"published_at":183,"kind":47,"patterns":184,"component_categories":195,"app":205},"66d043bd-54e2-4ee7-b42b-b14a2e0b46b6","Flask","Home screen showing an empty state dropzone for uploading assets, with a context menu open on a recent file in the sidebar.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66d043bd-54e2-4ee7-b42b-b14a2e0b46b6.png","Flask from Flask","2026-09-07T12:11:43.000Z",[185,190],{"id":186,"label":187,"slug":188,"rank":53,"group":189},115,"Empty State","empty-state",{"id":152,"label":153,"slug":154},{"id":191,"label":192,"slug":193,"rank":55,"group":194},25,"Upload & Download","upload-and-download",{"id":98,"label":99,"slug":100},[196,200,204],{"id":197,"title":198,"slug":199},277,"Button group","button-group",{"id":201,"title":202,"slug":203},227,"Stepper","stepper",{"id":112,"title":113,"slug":114},{"slug":206,"title":178,"logo":207,"baseline":208,"categories":209},"flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[210,214,218],{"id":211,"title":212,"slug":213},100,"Video","video",{"id":215,"title":216,"slug":217},23,"Collaboration","collaboration",{"id":219,"title":220,"slug":221},35,"Feedback","feedback",{"uuid":223,"title":224,"description":225,"canonical_path":226,"image":227,"width":228,"height":229,"image_alt":230,"published_at":231,"kind":47,"patterns":232,"component_categories":240,"app":246},"d9e082b8-30bd-4932-b171-878796030f4e","Airbnb: Vacation Rentals, Cabins, Beach Houses, Unique Homes & Experiences","Feature page explaining the benefits of finding a co-host, prompting the user to log in to continue the flow.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9e082b8-30bd-4932-b171-878796030f4e.png",3012,1730,"Airbnb: Vacation Rentals, Cabins, Beach Houses, Unique Homes & Experiences from Airbnb","2026-09-07T10:47:21.000Z",[233],{"id":234,"label":235,"slug":236,"rank":53,"group":237},138,"Feature Page","feature-page",{"id":169,"label":238,"slug":239},"Marketing Page Types","marketing-page-types",[241,245],{"id":242,"title":243,"slug":244},258,"Header","header",{"id":68,"title":69,"slug":70},{"slug":247,"title":248,"logo":249,"baseline":250,"categories":251},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[252,256,259,263],{"id":253,"title":254,"slug":255},5,"Travel","travel",{"id":152,"title":257,"slug":258},"Hospitality","hospitality",{"id":260,"title":261,"slug":262},17,"Peer to peer","peer-to-peer",{"id":264,"title":265,"slug":266},18,"Marketplace","marketplace",{"uuid":268,"title":269,"description":270,"canonical_path":271,"image":272,"width":43,"height":44,"image_alt":273,"published_at":274,"kind":47,"patterns":275,"component_categories":288,"app":305},"c5eaf4d2-1d8f-41c6-9b44-304c55bfb534","Integrate | inference.net","Integration guide where the user chooses between Gateway and Tracing integration types and follows steps to install and authenticate the CLI.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5eaf4d2-1d8f-41c6-9b44-304c55bfb534.png","Integrate | inference.net from Inference","2026-09-07T10:14:44.000Z",[276,278,280],{"id":102,"label":103,"slug":104,"rank":53,"group":277},{"id":91,"label":92,"slug":93},{"id":91,"label":95,"slug":96,"rank":55,"group":279},{"id":98,"label":99,"slug":100},{"id":281,"label":282,"slug":283,"rank":98,"group":284},27,"AI Assistant","ai-assistant",{"id":285,"label":286,"slug":287},3,"AI","ai",[289,293,297,298,299,303,304],{"id":290,"title":291,"slug":292},177,"Breadcrumb","breadcrumb",{"id":294,"title":295,"slug":296},240,"Horizontal navigation","horizontal-navigation",{"id":108,"title":109,"slug":110},{"id":64,"title":65,"slug":66},{"id":300,"title":301,"slug":302},260,"Badge","badge",{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[311,312,315,316],{"id":131,"title":132,"slug":133},{"id":12,"title":313,"slug":314},"Monitoring","monitoring",{"id":135,"title":136,"slug":137},{"id":173,"title":174,"slug":175},{"uuid":318,"title":319,"description":320,"canonical_path":321,"image":322,"width":43,"height":44,"image_alt":323,"published_at":324,"kind":47,"patterns":325,"component_categories":337,"app":339},"5b59b1c7-f297-4793-aa92-a180062dc5fb","Origin Financial","Onboarding step where the user enters the full legal names of their executors for their estate plan.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b59b1c7-f297-4793-aa92-a180062dc5fb.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[326,328,335],{"id":102,"label":103,"slug":104,"rank":53,"group":327},{"id":91,"label":92,"slug":93},{"id":329,"label":330,"slug":331,"rank":55,"group":332},42,"Form","form",{"id":50,"label":333,"slug":334},"Data & Analysis","data-and-analysis",{"id":91,"label":95,"slug":96,"rank":98,"group":336},{"id":98,"label":99,"slug":100},[338],{"id":68,"title":69,"slug":70},{"slug":340,"title":319,"logo":341,"baseline":342,"categories":343},"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",[344,345,349],{"id":123,"title":124,"slug":125},{"id":346,"title":347,"slug":348},56,"Accounting","accounting",{"id":173,"title":174,"slug":175},{"uuid":351,"title":352,"description":353,"canonical_path":354,"image":355,"width":43,"height":44,"image_alt":356,"published_at":357,"kind":47,"patterns":358,"component_categories":367,"app":371},"6c8a5795-0ae7-41fe-b803-79c85ac7afd4","Steel | Open-source Headless Browser API","Onboarding step where the user provides their organization name, role, planned use cases like building AI agents or web scraping, and attribution source.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c8a5795-0ae7-41fe-b803-79c85ac7afd4.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[359,361,365],{"id":102,"label":103,"slug":104,"rank":53,"group":360},{"id":91,"label":92,"slug":93},{"id":55,"label":362,"slug":363,"rank":55,"group":364},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":329,"label":330,"slug":331,"rank":98,"group":366},{"id":50,"label":333,"slug":334},[368,369,370],{"id":300,"title":301,"slug":302},{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":372,"title":373,"logo":374,"baseline":375,"categories":376},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[377,378,379,380],{"id":131,"title":132,"slug":133},{"id":173,"title":174,"slug":175},{"id":135,"title":136,"slug":137},{"id":381,"title":382,"slug":383},45,"Open Source","open-source",{"uuid":385,"title":386,"description":387,"canonical_path":388,"image":389,"width":43,"height":44,"image_alt":390,"published_at":391,"kind":47,"patterns":392,"component_categories":405,"app":411},"d139886a-d65f-49c3-bb72-7cef4fd62cc4","Zaro - The Context Layer for Enterprise AI","Onboarding step where the user connects external tools like Atlassian, Granola, and Airtable for their workspace agents to use.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd139886a-d65f-49c3-bb72-7cef4fd62cc4.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[393,395,403],{"id":102,"label":103,"slug":104,"rank":53,"group":394},{"id":91,"label":92,"slug":93},{"id":396,"label":397,"slug":398,"rank":55,"group":399},97,"Integrations","integrations",{"id":400,"label":401,"slug":402},10,"Settings & Admin","settings-and-admin",{"id":91,"label":95,"slug":96,"rank":98,"group":404},{"id":98,"label":99,"slug":100},[406,407,408,409,410],{"id":201,"title":202,"slug":203},{"id":108,"title":109,"slug":110},{"id":300,"title":301,"slug":302},{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":412,"title":413,"logo":414,"baseline":415,"categories":416},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[417,418,419,423],{"id":215,"title":216,"slug":217},{"id":173,"title":174,"slug":175},{"id":420,"title":421,"slug":422},22,"Knowledge Management","knowledge-management",{"id":424,"title":425,"slug":426},46,"Analytics","analytics",{"uuid":428,"title":429,"description":430,"canonical_path":431,"image":432,"width":43,"height":44,"image_alt":433,"published_at":434,"kind":47,"patterns":435,"component_categories":450,"app":456},"1397789d-22ec-483f-a6c2-3cd6dd524329","Riverside Studio","Onboarding dashboard where the user tracks their progress through recording, editing, and publishing a video episode.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1397789d-22ec-483f-a6c2-3cd6dd524329.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[436,438,443],{"id":102,"label":103,"slug":104,"rank":53,"group":437},{"id":91,"label":92,"slug":93},{"id":439,"label":440,"slug":441,"rank":55,"group":442},44,"Progress","progress",{"id":50,"label":333,"slug":334},{"id":444,"label":445,"slug":446,"rank":98,"group":447},58,"Media Editor","media-editor",{"id":253,"label":448,"slug":449},"Media & Tools","media-and-tools",[451,452,453,454,455],{"id":201,"title":202,"slug":203},{"id":64,"title":65,"slug":66},{"id":300,"title":301,"slug":302},{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":457,"title":458,"logo":459,"baseline":460,"categories":461},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[462],{"id":211,"title":212,"slug":213},{"uuid":464,"title":465,"description":466,"canonical_path":467,"image":468,"width":43,"height":44,"image_alt":469,"published_at":470,"kind":47,"patterns":471,"component_categories":481,"app":486},"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",[472,474,476],{"id":87,"label":88,"slug":89,"rank":53,"group":473},{"id":91,"label":92,"slug":93},{"id":55,"label":362,"slug":363,"rank":55,"group":475},{"id":55,"label":56,"slug":57},{"id":477,"label":478,"slug":479,"rank":98,"group":480},104,"Team Management","team-management",{"id":400,"label":401,"slug":402},[482,483,484,485],{"id":294,"title":295,"slug":296},{"id":64,"title":65,"slug":66},{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":487,"title":465,"logo":488,"baseline":489,"categories":490},"axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[491,492,496,497],{"id":424,"title":425,"slug":426},{"id":493,"title":494,"slug":495},57,"Big data","big-data",{"id":12,"title":313,"slug":314},{"id":131,"title":132,"slug":133},{"uuid":499,"title":500,"description":501,"canonical_path":502,"image":503,"width":43,"height":44,"image_alt":504,"published_at":505,"kind":47,"patterns":506,"component_categories":528,"app":536},"07669493-f8de-497a-bcb6-224be0f4c19c","extend","Welcome modal granting the user free credits and prompting them to add a payment method for uninterrupted access.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07669493-f8de-497a-bcb6-224be0f4c19c.png","extend from Extend","2026-08-17T12:39:21.000Z",[507,512,520],{"id":508,"label":509,"slug":510,"rank":53,"group":511},77,"Welcome","welcome",{"id":91,"label":92,"slug":93},{"id":513,"label":514,"slug":515,"rank":55,"group":516},91,"Trial","trial",{"id":517,"label":518,"slug":519},9,"Plans & Limits","plans-and-limits",{"id":521,"label":522,"slug":523,"rank":98,"group":524},131,"Payment Form","payment-form",{"id":525,"label":526,"slug":527},14,"Payments & Checkout","payments-and-checkout",[529,533,534,535],{"id":530,"title":531,"slug":532},284,"Modal","modal",{"id":300,"title":301,"slug":302},{"id":112,"title":113,"slug":114},{"id":68,"title":69,"slug":70},{"slug":500,"title":537,"logo":538,"baseline":539,"categories":540},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[541,544,545,546],{"id":508,"title":542,"slug":543},"Machine learning","machine-learning",{"id":173,"title":174,"slug":175},{"id":135,"title":136,"slug":137},{"id":131,"title":132,"slug":133},[],[549,551,554,557,560,563,566,569,572,575,578,581,584],{"label":235,"to":550,"count":55},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":552,"to":553},"Tryprofound design examples","\u002Fexamples\u002Fapps\u002Ftryprofound",{"label":555,"to":556},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":558,"to":559},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":561,"to":562},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":564,"to":565},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":567,"to":568},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":570,"to":571},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":573,"to":574},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":576,"to":577},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":579,"to":580},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":582,"to":583},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":585,"to":586},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"published_at":588,"updated_at":589},"2026-06-08T14:05:09.000Z","2026-10-02T17:19:00.202Z"]