[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fwelcome":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":513,"links":514,"dates":575},"\u002Fexamples\u002Fscreens\u002Fwelcome","collection","screens",true,{"example_count":9,"app_count":10},1553,360,{"id":12,"title":13,"description":14},77,"Welcome","See how SaaS apps greet people at the start of an experience. Explore how introductory text and initial actions establish a starting point before the main work begins.",{"title":16,"description":17,"og_image":18},"Welcome screen examples - Nicelydone","Welcome screen design examples from SaaS apps. See how SaaS apps greet people at the start of an experience. Explore how introductory text and initial…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0e89a4c-9213-4404-b7e7-7503e2b09df3.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Welcome screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Welcome screen design examples from SaaS apps. See how SaaS apps greet people at the start of an experience. Explore how introductory text and initial actions establish a starting point before the main…",[32],{"title":33,"description":14,"links":34},"About Welcome",[],[36],"1553 screens",[38,110,151,191,231,263,306,333,361,393,422,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":71,"app":92},"a0e89a4c-9213-4404-b7e7-7503e2b09df3","Untitled space - Spaces | Magnific AI","Design editor empty state where a welcome message prompts the user to start a tutorial or skip directly to the infinite canvas.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",3024,1758,"Untitled space - Spaces | Magnific AI from Magnific","2026-09-14T12:05:04.000Z","screen",[49,56,65],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"welcome",0,{"id":53,"label":54,"slug":55},7,"Onboarding & Education","onboarding-and-education",{"id":57,"label":58,"slug":59,"rank":60,"group":61},115,"Empty State","empty-state",1,{"id":62,"label":63,"slug":64},12,"States & Feedback","states-and-feedback",{"id":66,"label":67,"slug":68,"rank":69,"group":70},72,"Getting Started","getting-started",2,{"id":53,"label":54,"slug":55},[72,76,80,84,88],{"id":73,"title":74,"slug":75},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},177,"Breadcrumb","breadcrumb",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},169,"Avatar","avatar",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":93,"title":94,"logo":95,"baseline":96,"categories":97},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[98,102,106],{"id":99,"title":100,"slug":101},8,"Design","design",{"id":103,"title":104,"slug":105},15,"Media and Entertainment","media-and-entertainment",{"id":107,"title":108,"slug":109},80,"Artificial Intelligence","artificial-intelligence",{"uuid":111,"title":112,"description":113,"canonical_path":114,"image":115,"width":43,"height":44,"image_alt":116,"published_at":117,"kind":47,"patterns":118,"component_categories":128,"app":130},"49034a18-9ae3-4910-883c-b72cb66658c9","Create your listing - Airbnb","Onboarding screen where the user begins the process to become a host by clicking get started.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49034a18-9ae3-4910-883c-b72cb66658c9.png","Create your listing - Airbnb from Airbnb","2026-09-07T10:47:21.000Z",[119,124,126],{"id":120,"label":121,"slug":122,"rank":51,"group":123},74,"Onboarding Checklist","onboarding-checklist",{"id":53,"label":54,"slug":55},{"id":66,"label":67,"slug":68,"rank":60,"group":125},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":69,"group":127},{"id":53,"label":54,"slug":55},[129],{"id":89,"title":90,"slug":91},{"slug":131,"title":132,"logo":133,"baseline":134,"categories":135},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[136,140,143,147],{"id":137,"title":138,"slug":139},5,"Travel","travel",{"id":62,"title":141,"slug":142},"Hospitality","hospitality",{"id":144,"title":145,"slug":146},17,"Peer to peer","peer-to-peer",{"id":148,"title":149,"slug":150},18,"Marketplace","marketplace",{"uuid":152,"title":153,"description":154,"canonical_path":155,"image":156,"width":43,"height":44,"image_alt":157,"published_at":158,"kind":47,"patterns":159,"component_categories":166,"app":172},"0f3dc09f-b47c-4e7b-966e-fb306827dda4","Inference.net | Full-Stack LLM Lifecycle Platform","Onboarding step where the user is welcomed by name and prompted to start setting up their workspace and connecting tools.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f3dc09f-b47c-4e7b-966e-fb306827dda4.png","Inference.net | Full-Stack LLM Lifecycle Platform from Inference","2026-09-07T10:14:44.000Z",[160,162,164],{"id":12,"label":13,"slug":50,"rank":51,"group":161},{"id":53,"label":54,"slug":55},{"id":120,"label":121,"slug":122,"rank":60,"group":163},{"id":53,"label":54,"slug":55},{"id":66,"label":67,"slug":68,"rank":69,"group":165},{"id":53,"label":54,"slug":55},[167,171],{"id":168,"title":169,"slug":170},227,"Stepper","stepper",{"id":89,"title":90,"slug":91},{"slug":173,"title":174,"logo":175,"baseline":176,"categories":177},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[178,182,186,190],{"id":179,"title":180,"slug":181},48,"Developer Tools","developer-tools",{"id":183,"title":184,"slug":185},16,"Monitoring","monitoring",{"id":187,"title":188,"slug":189},37,"Developer APIs","developer-apis",{"id":107,"title":108,"slug":109},{"uuid":192,"title":193,"description":194,"canonical_path":195,"image":196,"width":43,"height":44,"image_alt":197,"published_at":198,"kind":47,"patterns":199,"component_categories":210,"app":217},"fe6cd493-fb53-4e5e-9961-ba60a0b70d62","Origin Financial","Home screen with an empty state prompting the user to connect their accounts to track their net worth, alongside a credit score preview.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6cd493-fb53-4e5e-9961-ba60a0b70d62.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[200,202,208],{"id":57,"label":58,"slug":59,"rank":51,"group":201},{"id":62,"label":63,"slug":64},{"id":60,"label":203,"slug":204,"rank":60,"group":205},"Account Setup","account-setup",{"id":60,"label":206,"slug":207},"Access & Account","access-and-account",{"id":12,"label":13,"slug":50,"rank":69,"group":209},{"id":53,"label":54,"slug":55},[211,212,216],{"id":85,"title":86,"slug":87},{"id":213,"title":214,"slug":215},174,"Card","card",{"id":89,"title":90,"slug":91},{"slug":218,"title":193,"logo":219,"baseline":220,"categories":221},"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",[222,226,230],{"id":223,"title":224,"slug":225},36,"Finance","finance",{"id":227,"title":228,"slug":229},56,"Accounting","accounting",{"id":107,"title":108,"slug":109},{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":43,"height":44,"image_alt":237,"published_at":238,"kind":47,"patterns":239,"component_categories":247,"app":253},"a8358cc3-6bd9-4796-b06d-c9fdcc13e61d","Riverside Studio | Bertrand Bruandet's Studio","Onboarding modal announcing a studio refresh with an option to start a product tour or dismiss the prompt.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8358cc3-6bd9-4796-b06d-c9fdcc13e61d.png","Riverside Studio | Bertrand Bruandet's Studio from Riverside","2026-08-24T09:31:05.000Z",[240,245],{"id":241,"label":242,"slug":243,"rank":51,"group":244},73,"Guided Tour","guided-tour",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":246},{"id":53,"label":54,"slug":55},[248,252],{"id":249,"title":250,"slug":251},284,"Modal","modal",{"id":89,"title":90,"slug":91},{"slug":254,"title":255,"logo":256,"baseline":257,"categories":258},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[259],{"id":260,"title":261,"slug":262},100,"Video","video",{"uuid":264,"title":265,"description":266,"canonical_path":267,"image":268,"width":43,"height":44,"image_alt":269,"published_at":270,"kind":47,"patterns":271,"component_categories":290,"app":295},"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",[272,274,282],{"id":12,"label":13,"slug":50,"rank":51,"group":273},{"id":53,"label":54,"slug":55},{"id":275,"label":276,"slug":277,"rank":60,"group":278},91,"Trial","trial",{"id":279,"label":280,"slug":281},9,"Plans & Limits","plans-and-limits",{"id":283,"label":284,"slug":285,"rank":69,"group":286},131,"Payment Form","payment-form",{"id":287,"label":288,"slug":289},14,"Payments & Checkout","payments-and-checkout",[291,292,293,294],{"id":249,"title":250,"slug":251},{"id":213,"title":214,"slug":215},{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"slug":265,"title":296,"logo":297,"baseline":298,"categories":299},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[300,303,304,305],{"id":12,"title":301,"slug":302},"Machine learning","machine-learning",{"id":107,"title":108,"slug":109},{"id":187,"title":188,"slug":189},{"id":179,"title":180,"slug":181},{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":43,"height":44,"image_alt":312,"published_at":313,"kind":47,"patterns":314,"component_categories":319,"app":321},"7347997d-f2cd-4ef1-9fc6-bdb35af8d313","Create project - Appwrite","Onboarding screen welcoming the user to Appwrite with a centered logo and grid background before project creation begins.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7347997d-f2cd-4ef1-9fc6-bdb35af8d313.png","Create project - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[315,317],{"id":12,"label":13,"slug":50,"rank":51,"group":316},{"id":53,"label":54,"slug":55},{"id":66,"label":67,"slug":68,"rank":60,"group":318},{"id":53,"label":54,"slug":55},[320],{"id":213,"title":214,"slug":215},{"slug":322,"title":323,"logo":324,"baseline":325,"categories":326},"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.",[327,328,329],{"id":179,"title":180,"slug":181},{"id":187,"title":188,"slug":189},{"id":330,"title":331,"slug":332},45,"Open Source","open-source",{"uuid":334,"title":335,"description":336,"canonical_path":337,"image":338,"width":43,"height":44,"image_alt":339,"published_at":340,"kind":47,"patterns":341,"component_categories":349,"app":350},"c10f7b2e-b33c-459f-8401-4c7a259729f2","Aave Account","Authentication screen where the user enters their email or phone number to log in or sign up for an Aave Account.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc10f7b2e-b33c-459f-8401-4c7a259729f2.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[342,347],{"id":343,"label":344,"slug":345,"rank":51,"group":346},4,"Sign In","sign-in",{"id":60,"label":206,"slug":207},{"id":12,"label":13,"slug":50,"rank":60,"group":348},{"id":53,"label":54,"slug":55},[],{"slug":351,"title":352,"logo":353,"baseline":354,"categories":355},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[356,357],{"id":223,"title":224,"slug":225},{"id":358,"title":359,"slug":360},95,"Blockchain","blockchain",{"uuid":362,"title":363,"description":364,"canonical_path":365,"image":366,"width":43,"height":44,"image_alt":367,"published_at":368,"kind":47,"patterns":369,"component_categories":374,"app":375},"ebfa1efb-1931-47cb-9143-fe021f9a9896","Town","Onboarding step where a personalized illustrated bear assistant is presented to the user.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Febfa1efb-1931-47cb-9143-fe021f9a9896.png","Town from Town","2026-06-16T15:01:01.000Z",[370,372],{"id":120,"label":121,"slug":122,"rank":51,"group":371},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":373},{"id":53,"label":54,"slug":55},[],{"slug":376,"title":363,"logo":377,"baseline":378,"categories":379},"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.",[380,381,385,389],{"id":107,"title":108,"slug":109},{"id":382,"title":383,"slug":384},30,"Productivity","productivity",{"id":386,"title":387,"slug":388},92,"Email","email",{"id":390,"title":391,"slug":392},101,"Calendar","calendar",{"uuid":394,"title":395,"description":396,"canonical_path":397,"image":398,"width":43,"height":44,"image_alt":399,"published_at":400,"kind":47,"patterns":401,"component_categories":409,"app":410},"16cf83a0-b7e4-45d3-95fc-47e6fd32e9d6","FLORA - Untitled","Home page in an initial loading state, displaying a personalized welcome message and a logo on a dark background.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16cf83a0-b7e4-45d3-95fc-47e6fd32e9d6.png","FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z",[402,407],{"id":403,"label":404,"slug":405,"rank":51,"group":406},120,"Loading","loading",{"id":62,"label":63,"slug":64},{"id":12,"label":13,"slug":50,"rank":60,"group":408},{"id":53,"label":54,"slug":55},[],{"slug":411,"title":412,"logo":413,"baseline":414,"categories":415},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[416,417,418],{"id":107,"title":108,"slug":109},{"id":99,"title":100,"slug":101},{"id":419,"title":420,"slug":421},23,"Collaboration","collaboration",{"uuid":423,"title":424,"description":425,"canonical_path":426,"image":427,"width":43,"height":428,"image_alt":429,"published_at":430,"kind":47,"patterns":431,"component_categories":452,"app":460},"69455ddb-cfbc-49af-bde8-620d26b1a35a","Subscription | ElevenLabs","Onboarding modal welcoming the user to the Starter tier, summarizing included features like voice clones and studio access, and prompting them to set up two-factor authentication.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F69455ddb-cfbc-49af-bde8-620d26b1a35a.png",1714,"Subscription | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[432,434,436,444],{"id":275,"label":276,"slug":277,"rank":51,"group":433},{"id":279,"label":280,"slug":281},{"id":12,"label":13,"slug":50,"rank":60,"group":435},{"id":53,"label":54,"slug":55},{"id":437,"label":438,"slug":439,"rank":69,"group":440},98,"MFA","mfa",{"id":441,"label":442,"slug":443},10,"Settings & Admin","settings-and-admin",{"id":445,"label":446,"slug":447,"rank":448,"group":449},82,"Media Detail","media-detail",3,{"id":99,"label":450,"slug":451},"Pages & Content","pages-and-content",[453,457,458,459],{"id":454,"title":455,"slug":456},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},{"id":249,"title":250,"slug":251},{"id":89,"title":90,"slug":91},{"slug":461,"title":462,"logo":463,"baseline":464,"categories":465},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[466,467],{"id":107,"title":108,"slug":109},{"id":187,"title":188,"slug":189},{"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":502,"app":506},"7a90bf44-4c4c-4dee-99ed-19f000140a01","Shimmer","Code editor workspace showing a welcome screen for a newly created sandbox with an AI prompt composer and an active terminal panel.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a90bf44-4c4c-4dee-99ed-19f000140a01.png","Shimmer from Poolside","2026-05-11T09:49:06.000Z",[477,484,491,495,497],{"id":478,"label":479,"slug":480,"rank":51,"group":481},53,"Code Editor","code-editor",{"id":137,"label":482,"slug":483},"Media & Tools","media-and-tools",{"id":485,"label":486,"slug":487,"rank":60,"group":488},27,"AI Assistant","ai-assistant",{"id":448,"label":489,"slug":490},"AI","ai",{"id":107,"label":492,"slug":493,"rank":69,"group":494},"Files","files",{"id":99,"label":450,"slug":451},{"id":12,"label":13,"slug":50,"rank":448,"group":496},{"id":53,"label":54,"slug":55},{"id":498,"label":499,"slug":500,"rank":343,"group":501},28,"AI Chat","ai-chat",{"id":448,"label":489,"slug":490},[503,504,505],{"id":85,"title":86,"slug":87},{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"slug":507,"title":508,"logo":509,"baseline":510,"categories":511},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[512],{"id":107,"title":108,"slug":109},[],[515,517,519,521,523,525,527,529,531,533,535,537,539,542,545,548,551,554,557,560,563,566,569,572],{"label":67,"to":516,"count":343},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":121,"to":518,"count":448},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":58,"to":520,"count":69},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":276,"to":522,"count":69},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":203,"to":524,"count":60},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":486,"to":526,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":499,"to":528,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":479,"to":530,"count":60},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":492,"to":532,"count":60},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":242,"to":534,"count":60},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":404,"to":536,"count":60},"\u002Fexamples\u002Fscreens\u002Floading",{"label":446,"to":538,"count":60},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":540,"to":541},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":543,"to":544},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":546,"to":547},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":549,"to":550},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":552,"to":553},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":555,"to":556},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":558,"to":559},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":561,"to":562},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":564,"to":565},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":567,"to":568},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":570,"to":571},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":573,"to":574},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"published_at":576,"updated_at":577},"2026-05-11T08:54:07.000Z","2026-09-26T20:10:01.139Z"]