[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":331,"links":332,"dates":390},"\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Shuttle product screens examples - Nicelydone","Browse Shuttle screen design examples. Preview the interface screenshots and explore related UI patterns. Manage and share your assets your way","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc34735e8-8823-476b-a077-73bd8e1cab20.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},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":23,"to":4},"Shuttle 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},"Shuttle","shuttle","Manage and share your assets your way","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","https:\u002F\u002Fshuttle.zip","getshuttle",[36,40],{"id":37,"title":38,"slug":39},71,"File sharing","file-sharing",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",[45,70,94,114,125,164,183,220,246,272,294,314],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"c34735e8-8823-476b-a077-73bd8e1cab20","Shuttle Reset Password","Password recovery screen where the user enters their email address to request a reset link.",3024,1726,"Shuttle Reset Password from Shuttle","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},2,"Forgot Password","forgot-password",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":49,"height":50,"image_alt":75,"kind":52,"patterns":76,"component_categories":90,"app":92},"41da4bec-5fdf-4295-91aa-c2b3adf65c9d","Shuttle Sign Up","Signup page where the user creates an account by providing their name, email, and password, and opts into updates and legal agreements via toggle switches.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41da4bec-5fdf-4295-91aa-c2b3adf65c9d.png","Shuttle Sign Up from Shuttle",[77,82],{"id":78,"label":79,"slug":80,"rank":58,"group":81},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},{"id":83,"label":84,"slug":85,"rank":60,"group":86},77,"Welcome","welcome",{"id":87,"label":88,"slug":89},7,"Onboarding & Education","onboarding-and-education",[91],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":100,"component_categories":110,"app":112},"ec394953-eafa-47dc-8712-db10f8796603","Shuttle – Your files. Your rules.","Verification screen where the user enters a 6-digit code sent to their email to confirm their address during onboarding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec394953-eafa-47dc-8712-db10f8796603.png","Shuttle – Your files. Your rules. from Shuttle",[101,106],{"id":102,"label":103,"slug":104,"rank":58,"group":105},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":60,"label":107,"slug":108,"rank":60,"group":109},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[111],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":96,"description":116,"canonical_path":4,"image":117,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":118,"component_categories":121,"app":123},"3f91fd26-5464-415d-bc2b-983d4f2f8c5a","Verification screen where the user enters a 6-digit code sent to their email to confirm their address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f91fd26-5464-415d-bc2b-983d4f2f8c5a.png",[119],{"id":102,"label":103,"slug":104,"rank":58,"group":120},{"id":60,"label":61,"slug":62},[122],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":49,"height":50,"image_alt":130,"kind":52,"patterns":131,"component_categories":156,"app":162},"e60f55da-0f47-43d3-8bb1-fe69521127c5","My First Space","Detail page for a specific workspace showing a loading spinner and a banner warning that assets will be deleted when the free trial expires in 1 month.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe60f55da-0f47-43d3-8bb1-fe69521127c5.png","My First Space from Shuttle",[132,140,148],{"id":133,"label":134,"slug":135,"rank":58,"group":136},120,"Loading","loading",{"id":137,"label":138,"slug":139},12,"States & Feedback","states-and-feedback",{"id":141,"label":142,"slug":143,"rank":60,"group":144},91,"Trial","trial",{"id":145,"label":146,"slug":147},9,"Plans & Limits","plans-and-limits",{"id":149,"label":150,"slug":151,"rank":55,"group":152},41,"Dashboard","dashboard",{"id":153,"label":154,"slug":155},4,"Data & Analysis","data-and-analysis",[157,161],{"id":158,"title":159,"slug":160},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":127,"description":166,"canonical_path":4,"image":167,"width":49,"height":50,"image_alt":130,"kind":52,"patterns":168,"component_categories":176,"app":181},"e4621515-8521-46f2-8a86-0176fcf7065f","Onboarding overlay where a welcome modal prompts the user to start a product tour to learn about storing and sharing files, or dismiss it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4621515-8521-46f2-8a86-0176fcf7065f.png",[169,174],{"id":170,"label":171,"slug":172,"rank":58,"group":173},73,"Guided Tour","guided-tour",{"id":87,"label":88,"slug":89},{"id":83,"label":84,"slug":85,"rank":60,"group":175},{"id":87,"label":88,"slug":89},[177],{"id":178,"title":179,"slug":180},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":127,"description":185,"canonical_path":4,"image":186,"width":49,"height":50,"image_alt":130,"kind":52,"patterns":187,"component_categories":208,"app":218},"57c7a73e-df9c-4204-a3a6-b2af9f89b43c","Empty file space view featuring a drag-and-drop upload zone, a free trial expiration banner, and an active product tour popover for adding branding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57c7a73e-df9c-4204-a3a6-b2af9f89b43c.png",[188,193,200,205],{"id":189,"label":190,"slug":191,"rank":58,"group":192},115,"Empty State","empty-state",{"id":137,"label":138,"slug":139},{"id":194,"label":195,"slug":196,"rank":60,"group":197},25,"Upload & Download","upload-and-download",{"id":55,"label":198,"slug":199},"Actions","actions",{"id":201,"label":202,"slug":203,"rank":55,"group":204},72,"Getting Started","getting-started",{"id":87,"label":88,"slug":89},{"id":149,"label":150,"slug":151,"rank":206,"group":207},3,{"id":153,"label":154,"slug":155},[209,213,217],{"id":210,"title":211,"slug":212},227,"Stepper","stepper",{"id":214,"title":215,"slug":216},277,"Button group","button-group",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":222,"description":223,"canonical_path":4,"image":224,"width":49,"height":50,"image_alt":225,"kind":52,"patterns":226,"component_categories":237,"app":244},"6338c29c-bdf2-43cc-bd82-f06142ec5bed","Branding","Settings page where the user customizes their share page appearance with theme toggles and wallpaper uploads, currently highlighting the branding section in a product tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6338c29c-bdf2-43cc-bd82-f06142ec5bed.png","Branding from Shuttle",[227,235],{"id":228,"label":229,"slug":230,"rank":58,"group":231},102,"Settings","settings",{"id":232,"label":233,"slug":234},10,"Settings & Admin","settings-and-admin",{"id":194,"label":195,"slug":196,"rank":60,"group":236},{"id":55,"label":198,"slug":199},[238,242,243],{"id":239,"title":240,"slug":241},211,"Pagination","pagination",{"id":214,"title":215,"slug":216},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":96,"description":248,"canonical_path":4,"image":249,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":250,"component_categories":267,"app":270},"82208726-8356-4eb6-a508-dfc653c769ce","Empty file workspace where a product tour popover prompts the user to upload their first files.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82208726-8356-4eb6-a508-dfc653c769ce.png",[251,253,261,263,265],{"id":189,"label":190,"slug":191,"rank":58,"group":252},{"id":137,"label":138,"slug":139},{"id":254,"label":255,"slug":256,"rank":60,"group":257},80,"Files","files",{"id":258,"label":259,"slug":260},8,"Pages & Content","pages-and-content",{"id":201,"label":202,"slug":203,"rank":55,"group":262},{"id":87,"label":88,"slug":89},{"id":194,"label":195,"slug":196,"rank":206,"group":264},{"id":55,"label":198,"slug":199},{"id":141,"label":142,"slug":143,"rank":153,"group":266},{"id":145,"label":146,"slug":147},[268,269],{"id":158,"title":159,"slug":160},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":271},[],{"uuid":273,"title":96,"description":274,"canonical_path":4,"image":275,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":276,"component_categories":288,"app":292},"f90dd3e8-8bcc-4447-9ec5-29553fae1a58","Detail page for a newly created space showing an empty state drop zone, a trial expiration warning banner, and an onboarding coachmark highlighting the share functionality.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff90dd3e8-8bcc-4447-9ec5-29553fae1a58.png",[277,279,281,286],{"id":254,"label":255,"slug":256,"rank":58,"group":278},{"id":258,"label":259,"slug":260},{"id":189,"label":190,"slug":191,"rank":60,"group":280},{"id":137,"label":138,"slug":139},{"id":282,"label":283,"slug":284,"rank":55,"group":285},24,"Share","share",{"id":55,"label":198,"slug":199},{"id":141,"label":142,"slug":143,"rank":206,"group":287},{"id":145,"label":146,"slug":147},[289,290,291],{"id":239,"title":240,"slug":241},{"id":158,"title":159,"slug":160},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":96,"description":296,"canonical_path":4,"image":297,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":298,"component_categories":309,"app":312},"84ae5758-f315-4424-8d36-ce7147ef2871","List view of a specific workspace folder where the user is prompted to drag and drop files to upload, accompanied by a trial expiration warning.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84ae5758-f315-4424-8d36-ce7147ef2871.png",[299,301,303,305,307],{"id":254,"label":255,"slug":256,"rank":58,"group":300},{"id":258,"label":259,"slug":260},{"id":189,"label":190,"slug":191,"rank":60,"group":302},{"id":137,"label":138,"slug":139},{"id":194,"label":195,"slug":196,"rank":55,"group":304},{"id":55,"label":198,"slug":199},{"id":141,"label":142,"slug":143,"rank":206,"group":306},{"id":145,"label":146,"slug":147},{"id":282,"label":283,"slug":284,"rank":153,"group":308},{"id":55,"label":198,"slug":199},[310,311],{"id":214,"title":215,"slug":216},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":313},[],{"uuid":315,"title":96,"description":316,"canonical_path":4,"image":317,"width":49,"height":50,"image_alt":99,"kind":52,"patterns":318,"component_categories":326,"app":329},"324c9413-b7a9-47b8-b2ad-d36dcd21baae","Activity feed showing an empty state explaining that updates will appear here when someone shares a space or opens a link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F324c9413-b7a9-47b8-b2ad-d36dcd21baae.png",[319,321],{"id":189,"label":190,"slug":191,"rank":58,"group":320},{"id":137,"label":138,"slug":139},{"id":322,"label":323,"slug":324,"rank":60,"group":325},38,"Activity Log","activity-log",{"id":153,"label":154,"slug":155},[327,328],{"id":158,"title":159,"slug":160},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":330},[],[],[333,335,337,339,341,343,345,347,349,351,353,355,357,360,363,366,369,372,374,378,382,386],{"label":190,"to":334},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":142,"to":336},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":195,"to":338},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":255,"to":340},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":150,"to":342},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":202,"to":344},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":283,"to":346},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":103,"to":348},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":84,"to":350},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":107,"to":352},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":323,"to":354},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":56,"to":356},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":358,"to":359},"Shuttle marketing pages","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fmarketing",{"label":361,"to":362},"Shuttle user flows","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fflows",{"label":364,"to":365},"Shuttle UI components","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fcomponents",{"label":367,"to":368},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":370,"to":371},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":373,"to":18},"All SaaS app examples",{"label":375,"to":376,"description":377},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":379,"to":380,"description":381},"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":383,"to":384,"description":385},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":387,"to":388,"description":389},"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":391,"updated_at":392},"2025-03-31T07:47:07.000Z","2026-09-13T13:02:39.000Z"]