[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdecipad\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":190,"links":191,"dates":225},"\u002Fexamples\u002Fapps\u002Fdecipad\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Decipad UI components examples - Nicelydone","Browse Decipad UI component design examples. Preview individual interface elements and explore related component categories. A new way to create,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc3a3e9ea-4290-4dab-bfd5-f172dc7fecb3.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},"Decipad design examples","\u002Fexamples\u002Fapps\u002Fdecipad",{"label":23,"to":4},"Decipad UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Decipad UI component design examples. Preview individual interface elements and explore related component categories. A new way to create, collaborate and build anything you want using numbers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Decipad","decipad","A new way to create, collaborate and build anything you want using numbers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdecipad-8154ac33.png","https:\u002F\u002Fwww.decipad.com",[36,40],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},57,"Big data","big-data",[45,60,73,86,99,112,122,135,145,155,168,177],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"516e445e-4418-4c4f-a1ab-1fc1e22208f8","Decipad UI component","A sidebar menu with team management and notebook options.",690,1734,"UI component from Decipad","component",[54],{"id":55,"title":56,"slug":57},209,"Vertical navigation","vertical-navigation",{"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},"a28c5204-811b-41b5-8786-7cbcbc93b4de","A dropdown menu with document actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F79e6653e-c0a5-41ff-9bbe-4630d3a18923.png",552,614,[67],{"id":68,"title":69,"slug":70},190,"Dropdown menu","dropdown-menu",{"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},"bd59e8c6-f3df-4497-8168-8ea784e957d2","A success message","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc1929aa8-13d5-4f27-ab7e-2b59ecc182ed.png",642,238,[80],{"id":81,"title":82,"slug":83},247,"Notification Toast","notification-element",{"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},"6467867d-e473-4a0d-834f-54be8f143e32","Color theme selection modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe074efec-2bda-4aa3-9dd1-308d145ba47a.png",761,350,[93],{"id":94,"title":95,"slug":96},256,"Theme settings","theme-settings",{"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},"ff30499f-e321-4a50-86ad-deb596f30cf2","A modal with a color and icon picker.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e68a7e7-c931-44f8-a5cf-c411c9df113c.png",673,722,[106],{"id":107,"title":108,"slug":109},183,"Color picker","color-picker",{"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":120},"57c71c9e-bc0b-4f26-8edf-a4ead8e74e27","A color picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa5d5632f-1682-4883-890e-50e4b4e8d37f.png",429,394,[119],{"id":107,"title":108,"slug":109},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":47,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":51,"kind":52,"categories":128,"app":133},"97894af1-7263-4a39-ba92-b2f893de4ad1","A canvas interface with drawing tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8df1ef8c-92f7-4853-b602-bbe0bc648018.png",1521,1158,[129],{"id":130,"title":131,"slug":132},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":47,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":51,"kind":52,"categories":141,"app":143},"c41bb6ae-039b-4a9c-8655-a4531ad2e8fe","A dropdown menu with a list of variables.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde5c1208-41cf-4c9b-9426-7ef14a106765.png",1416,759,[142],{"id":68,"title":69,"slug":70},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":47,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":51,"kind":52,"categories":151,"app":153},"0b5de0c0-5239-44d7-b595-5cc701c7e5f6","A modal with a list of components.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7523aa7c-fc5a-4e39-8d28-69a430d3307d.png",707,942,[152],{"id":68,"title":69,"slug":70},{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":47,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":51,"kind":52,"categories":161,"app":166},"f297cb01-b5dd-43fb-be51-f3c4db500db9","A date and time picker modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd2233f26-4df8-42f8-a55c-c74efd505d1e.png",827,940,[162],{"id":163,"title":164,"slug":165},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":47,"description":170,"canonical_path":4,"image":171,"width":172,"height":160,"image_alt":51,"kind":52,"categories":173,"app":175},"1eda0f06-def5-4761-b52b-0e5c0a2b0e0d","A date picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3dd26d1a-55b9-42b6-9b48-066d8281d797.png",674,[174],{"id":163,"title":164,"slug":165},{"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":188},"b4d14d81-8d04-4028-bb68-c3e1d1395062","A code snippet showing how to fetch a user's country using an API.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F085ed656-8bfd-400b-90bb-ca57950948b5.png",1604,1002,[184],{"id":185,"title":186,"slug":187},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":189},[],[],[192,195,198,201,204,207,209,213,217,221],{"label":193,"to":194},"Decipad product screens","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fscreens",{"label":196,"to":197},"Decipad marketing pages","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fmarketing",{"label":199,"to":200},"Decipad user flows","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fflows",{"label":202,"to":203},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":205,"to":206},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":208,"to":18},"All SaaS app examples",{"label":210,"to":211,"description":212},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":214,"to":215,"description":216},"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":218,"to":219,"description":220},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":222,"to":223,"description":224},"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":226,"updated_at":227},"2022-07-01T10:17:57.000Z","2026-09-13T13:02:39.000Z"]