[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdropbox\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":200,"links":201,"dates":217},"\u002Fexamples\u002Fapps\u002Fdropbox\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dropbox UI components examples - Nicelydone","Browse Dropbox UI component design examples. Preview individual interface elements and explore related component categories. Keep life organized and work…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff3f0ca3f-91df-428a-ad0c-5ecfd3ea6cc1.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},"Dropbox design examples","\u002Fexamples\u002Fapps\u002Fdropbox",{"label":23,"to":4},"Dropbox UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dropbox UI component design examples. Preview individual interface elements and explore related component categories. Keep life organized and work moving — all in one place",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Dropbox","dropbox","Keep life organized and work moving — all in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdropbox-ae12c613.png","https:\u002F\u002Fwww.dropbox.com",[36,40],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},71,"File sharing","file-sharing",[45,60,73,86,99,112,125,138,151,164,177,187],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"73bd05cc-8531-4692-b512-c7dd749c0025","Dropbox UI component","User profile dropdown menu",1145,1264,"UI component from Dropbox","component",[54],{"id":55,"title":56,"slug":57},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"71ab2cb8-0bb3-4977-8e10-e9ebf7c7b811","A progress bar showing the usage of personal dropbox space.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fefcf9592-6881-4c37-b21d-06530bf1825f.png",2112,549,[67],{"id":68,"title":69,"slug":70},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"8f25edd5-3d47-44bc-81fa-e5d211416b59","A modal with a link and a copy button","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ed88410-d26a-4a0b-9a28-b3b41279c92b.png",1233,366,[80],{"id":81,"title":82,"slug":83},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"7a663dda-800a-4942-a07c-9a79e0c55bfd","A modal promoting branding features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4cdbc99f-11a9-4b4c-92c6-ad7ff7e73d74.png",1334,730,[93],{"id":94,"title":95,"slug":96},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"2a560152-b6b6-467d-941a-c8a47b0676e6","Security checkup modal for a cloud storage service.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F54411a0b-165c-4ae2-9409-d033573f75ba.png",1656,1455,[106],{"id":107,"title":108,"slug":109},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":123},"64387910-9bf1-423c-92ae-4ca6af161f5b","Modal to add an account photo","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F41226f7c-9e6e-4964-8554-f6848bcc1029.png",1220,805,[119],{"id":120,"title":121,"slug":122},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":47,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":51,"kind":52,"categories":131,"app":136},"2fb6f7a6-4288-42c9-a5df-938d2487252d","A toggle switch with descriptive text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8292f424-764d-466c-8555-caec204c8e97.png",2655,324,[132],{"id":133,"title":134,"slug":135},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":47,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":51,"kind":52,"categories":144,"app":149},"7f139eba-137b-454c-97f3-119332dd3f37","Account settings page with tab navigation","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d150a4b-cada-407a-924c-d66ea8f7fb98.png",2687,437,[145],{"id":146,"title":147,"slug":148},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":47,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":51,"kind":52,"categories":157,"app":162},"cb8def1b-f13c-4b00-9fc5-3922774efaa0","A search input with a selected user.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F402cc637-c6e3-45fa-9f75-6b52d2dad87a.png",528,242,[158],{"id":159,"title":160,"slug":161},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":47,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":51,"kind":52,"categories":170,"app":175},"ede91ba9-4991-4466-a9c0-ac0db8abc2cc","A date picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82f34a88-5009-41c5-b4d3-f2b9f55de47b.png",705,860,[171],{"id":172,"title":173,"slug":174},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":47,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":51,"kind":52,"categories":183,"app":185},"4cd2778e-a770-4fa4-92a1-15e47b884a04","A document signing interface with an illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F143e3faa-3aa4-4d57-8572-b1837c568e63.png",1549,675,[184],{"id":81,"title":82,"slug":83},{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":47,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":51,"kind":52,"categories":193,"app":198},"37121088-89d8-457a-bc16-9803d7efc803","A tooltip is displayed on hover.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe6bc4822-4a54-48a8-830b-9405b39d2976.png",539,261,[194],{"id":195,"title":196,"slug":197},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214],{"label":203,"to":204},"Dropbox product screens","\u002Fexamples\u002Fapps\u002Fdropbox\u002Fscreens",{"label":206,"to":207},"Dropbox marketing pages","\u002Fexamples\u002Fapps\u002Fdropbox\u002Fmarketing",{"label":209,"to":210},"Dropbox user flows","\u002Fexamples\u002Fapps\u002Fdropbox\u002Fflows",{"label":212,"to":213},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":215,"to":216},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"published_at":218,"updated_at":219},"2021-09-26T21:37:40.000Z","2026-09-13T13:02:39.000Z"]