[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":189,"links":190,"dates":203},"\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dopt UI components examples - Nicelydone","Browse Dopt UI component design examples. Preview individual interface elements and explore related component categories. Ship self-serve product onboarding…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa28bbd3d-f86c-408f-950b-43d8e0ace6eb.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},"Dopt design examples","\u002Fexamples\u002Fapps\u002Fdopt",{"label":23,"to":4},"Dopt UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dopt UI component design examples. Preview individual interface elements and explore related component categories. Ship self-serve product onboarding and education, your way",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Dopt","dopt","Ship self-serve product onboarding and education, your way","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdopt-47cd1e68.png","https:\u002F\u002Fwww.dopt.com\u002F","doptcom",[37],{"id":38,"title":39,"slug":40},96,"No code","no-code",[42,57,72,85,100,113,123,132,144,157,170,180],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"15a55a09-1d63-4732-9dbb-71c282bb66a5","Footer with CTA section","A dark-themed footer section featuring a prominent call-to-action block overlapping the top edge, followed by a multi-column link directory and company branding.",3024,1775,"Footer with CTA section from Dopt","component",[51],{"id":52,"title":53,"slug":54},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":61,"width":62,"height":63,"image_alt":64,"kind":49,"categories":65,"app":70},"8fa03c8f-b334-4547-88d6-be43a32efb7d","Customer Testimonial Card","A testimonial card featuring a quote, the author's avatar, name, title, and their company logo. The card has a distinct purple border and sits on a dotted background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F19f94069-cf1d-4d11-a9e3-696340ecdde2.png",2166,837,"Customer Testimonial Card from Dopt",[66],{"id":67,"title":68,"slug":69},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":46,"height":77,"image_alt":78,"kind":49,"categories":79,"app":83},"49b61354-005c-4115-ba77-b905a168c69f","Hero section","A hero section with a top navigation bar, a prominent headline, a subheadline, a primary call-to-action button, a secondary demo link, and a preview image of the product interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8222fef-4248-492e-846e-ff9d4c7fc505.png",1656,"Hero section from Dopt",[80],{"id":81,"title":74,"slug":82},197,"hero-section",{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":92,"kind":49,"categories":93,"app":98},"4e505edd-da48-48ce-87ba-1b2a101bdced","Dopt UI component","A delete confirmation modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85e642d8-4661-4812-86ec-db6b8cca5cbc.png",859,710,"UI component from Dopt",[94],{"id":95,"title":96,"slug":97},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":87,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":92,"kind":49,"categories":106,"app":111},"01e5a908-1a20-4eec-95db-07cd77533f31","A progress bar showing the current step out of total steps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7a1d03e6-8b59-4ccb-8128-1d9079788b17.png",2652,484,[107],{"id":108,"title":109,"slug":110},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":87,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":92,"kind":49,"categories":119,"app":121},"47473f71-ffaa-4ca1-965c-a6fa0b79d34a","A modal for adding integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95b73257-3522-46fb-b0af-b0eb11212314.png",1578,1015,[120],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":87,"description":115,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":92,"kind":49,"categories":128,"app":130},"8d74e3d2-5cac-4ccb-a452-cb0016ede7b3","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4c4deb0b-8eda-435b-a184-67ea531d8f90.png",1584,1019,[129],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":87,"description":134,"canonical_path":4,"image":135,"width":136,"height":105,"image_alt":92,"kind":49,"categories":137,"app":142},"421b76cd-ddd6-41b9-9a65-826acee61335","A table displaying names and identifiers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f96791c-2a20-46d3-8c2b-a69cea7c0258.png",2650,[138],{"id":139,"title":140,"slug":141},286,"Vertical list","vertical-list",{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":87,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":92,"kind":49,"categories":150,"app":155},"4b11b173-1e34-4ad4-b00f-94d9776aa770","Email input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3363a481-e6d9-4c4e-94da-1a05b61c665d.png",1280,382,[151],{"id":152,"title":153,"slug":154},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":156},[],{"uuid":158,"title":87,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":92,"kind":49,"categories":163,"app":168},"b4246394-46b5-402c-a767-25d7c858d839","A modal for sending feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0b69538f-6f60-445b-a077-a8838991f634.png",954,761,[164],{"id":165,"title":166,"slug":167},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":87,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":92,"kind":49,"categories":176,"app":178},"eba02fdb-723a-465b-8418-723af70f8a88","Empty state for groups","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5af17119-6b2c-41f8-928c-1bc54b200664.png",786,265,[177],{"id":165,"title":166,"slug":167},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":87,"description":182,"canonical_path":4,"image":183,"width":104,"height":184,"image_alt":92,"kind":49,"categories":185,"app":187},"ef9d4564-5f1e-4506-9596-7a2446d6abdd","A modal explaining user identification in Dopt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5cbf23d-588a-4a30-a0ec-617d4741e4fd.png",612,[186],{"id":165,"title":166,"slug":167},{"slug":31,"title":30,"logo":33,"categories":188},[],[],[191,194,197,200],{"label":192,"to":193},"Dopt product screens","\u002Fexamples\u002Fapps\u002Fdopt\u002Fscreens",{"label":195,"to":196},"Dopt marketing pages","\u002Fexamples\u002Fapps\u002Fdopt\u002Fmarketing",{"label":198,"to":199},"Dopt user flows","\u002Fexamples\u002Fapps\u002Fdopt\u002Fflows",{"label":201,"to":202},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":204,"updated_at":205},"2023-11-06T14:46:17.000Z","2026-09-26T12:10:01.000Z"]