[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fshuttle\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":193,"links":194,"dates":228},"\u002Fexamples\u002Fapps\u002Fshuttle\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Shuttle UI components examples - Nicelydone","Browse Shuttle UI component design examples. Preview individual interface elements and explore related component categories. Manage and share your assets…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6d113a5-2414-4b6d-8c40-0163e537f38f.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Shuttle UI component design examples. Preview individual interface elements and explore related component categories. Manage and share your assets your way",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Shuttle","shuttle","Manage and share your assets your way","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","https:\u002F\u002Fshuttle.zip","getshuttle",[37,41],{"id":38,"title":39,"slug":40},71,"File sharing","file-sharing",{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",[46,61,74,87,100,113,125,135,148,161,171,184],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"3d7512a4-87ec-44aa-99e0-dbfa94af6824","Shuttle UI component","A simple activity feed showing recent user actions.",1712,995,"UI component from Shuttle","component",[55],{"id":56,"title":57,"slug":58},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"d5553456-caeb-4d76-b0c1-794544a76ef2","A user profile dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F94271273-a6d9-4952-a4b8-08dbb6185428.png",611,713,[68],{"id":69,"title":70,"slug":71},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"46bbe264-58ce-41a7-8e95-89dd497898e4","A modal displaying storage account options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7343fc1-b8e6-4532-a5b4-98ea4706f5d2.png",1671,584,[81],{"id":82,"title":83,"slug":84},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":98},"ddb3f84f-fc13-4858-bae4-653c275a8a53","The screenshot shows a modal window indicating the progress of uploading files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8db101cb-615d-4322-b892-2f7ea5658663.png",868,334,[94],{"id":95,"title":96,"slug":97},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":48,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":52,"kind":53,"categories":106,"app":111},"6d259258-ed00-4414-a9cf-b1ec8ebca675","The screenshot displays a storage capacity indicator with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F701959bd-9523-4d45-909c-75a804261066.png",1724,455,[107],{"id":108,"title":109,"slug":110},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":48,"description":115,"canonical_path":4,"image":116,"width":78,"height":117,"image_alt":52,"kind":53,"categories":118,"app":123},"c9e7604a-6d3b-4efb-a6ce-e1e506f652fd","The user can choose the theme for the share page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ab9cd96-5365-4787-b8f7-a1d64d67cdc8.png",423,[119],{"id":120,"title":121,"slug":122},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":48,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":52,"kind":53,"categories":131,"app":133},"fcfb9838-9c3b-4be3-a5cf-39c656deed80","A toast notification indicating a link has been copied.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F454466ce-24ea-48e5-aae7-6059207d3840.png",871,277,[132],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":48,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":52,"kind":53,"categories":141,"app":146},"466e127b-2d88-403f-be0c-4fa0320e6ee9","The screenshot shows a modal for sharing screenshots, including options for setting an expiration date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0fb14f75-8f92-4a45-9daa-2866ebfc7bec.png",846,1004,[142],{"id":143,"title":144,"slug":145},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":48,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":52,"kind":53,"categories":154,"app":159},"b80cc15e-6787-40d0-89e5-02b5fc2c5f12","A mobile app interface showing a user profile and settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff68264f1-14e8-43e2-bcba-4349cdbd61f3.png",576,1117,[155],{"id":156,"title":157,"slug":158},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":48,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":52,"kind":53,"categories":167,"app":169},"dd1a7796-8295-4451-92f1-bdaaec313f41","A download notification modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd86b22d8-ee11-4eb7-8f95-090c83514c80.png",875,316,[168],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":48,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":52,"kind":53,"categories":177,"app":182},"dfbee4d4-8523-457c-8c11-51de434a091a","The screenshot shows a file management interface with a list of PNG files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F98cfe89f-281b-4f83-afd7-c25616fb92a8.png",1605,596,[178],{"id":179,"title":180,"slug":181},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":48,"description":186,"canonical_path":4,"image":187,"width":165,"height":188,"image_alt":52,"kind":53,"categories":189,"app":191},"22757908-2709-4e0d-8b6f-a6e6ca228d97","A modal showing the progress of uploading files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86b13c22-553c-4629-ab5a-140b05902299.png",313,[190],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207,210,212,216,220,224],{"label":196,"to":197},"Shuttle product screens","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens",{"label":199,"to":200},"Shuttle marketing pages","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fmarketing",{"label":202,"to":203},"Shuttle user flows","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fflows",{"label":205,"to":206},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":208,"to":209},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":211,"to":18},"All SaaS app examples",{"label":213,"to":214,"description":215},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":217,"to":218,"description":219},"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":221,"to":222,"description":223},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":225,"to":226,"description":227},"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":229,"updated_at":230},"2025-03-31T07:49:14.000Z","2026-09-13T13:02:39.000Z"]