[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":206,"links":207,"dates":226},"\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dynaboard UI components examples - Nicelydone","Browse Dynaboard UI component design examples. Preview individual interface elements and explore related component categories. Build a web app in 60 seconds","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5722e614-6740-4170-a963-5f7cc9111ec4.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},"Dynaboard design examples","\u002Fexamples\u002Fapps\u002Fdynaboard",{"label":23,"to":4},"Dynaboard UI components 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},"Dynaboard","dynaboard","Build a web app in 60 seconds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdinaboard-51ea0211.png","https:\u002F\u002Fdynaboard.com\u002F","https:\u002F\u002Ftwitter.com\u002Fdynaboard",[36,40,44],{"id":37,"title":38,"slug":39},96,"No code","no-code",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",[49,64,79,92,105,118,131,144,157,170,180,193],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"96c0c26b-47b6-404b-b032-04356a87e4ed","Hero Section with Topbar","A dark-themed hero section featuring a top banner, a global navigation header, a large headline, a subheadline with highlighted text, two call-to-action buttons, and a partial view of a product interface mockup below.",3024,1635,"Hero Section with Topbar from Dynaboard","component",[58],{"id":59,"title":60,"slug":61},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"9bca69ac-2f2d-4d1a-a8d0-0c457ed5814e","Dynaboard UI component","A modal with AI feature options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fccd3f3c5-0ba6-400c-aeb1-4cb94ea1477d.png",2003,957,"UI component from Dynaboard",[73],{"id":74,"title":75,"slug":76},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":66,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":71,"kind":56,"categories":85,"app":90},"dd7425a7-1c65-4f3a-989e-987fe51ffd2a","A log of user actions within a system.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca0961ec-7350-43b3-accb-b98c3b51e6b2.png",1996,1163,[86],{"id":87,"title":88,"slug":89},286,"Vertical list","vertical-list",{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":66,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":71,"kind":56,"categories":98,"app":103},"2f63dde0-9cf3-4497-888b-1b5ae27856ff","A color picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0196d9f6-7ed9-4841-a303-28aca6dfb055.png",877,774,[99],{"id":100,"title":101,"slug":102},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":66,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":71,"kind":56,"categories":111,"app":116},"e048ed6c-6773-4fe8-a379-05833697f9a5","A modal for creating a workspace with billing information and plan details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b0f4756-b01d-486e-be60-44d1b3e2bd8b.png",1856,1059,[112],{"id":113,"title":114,"slug":115},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":66,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":71,"kind":56,"categories":124,"app":129},"cad80b00-3962-4cbc-8641-75001484250d","Navigation bar with a title","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa4ccc6ba-ab45-4763-b4ca-cea86e4aead8.png",2765,468,[125],{"id":126,"title":127,"slug":128},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":66,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":71,"kind":56,"categories":137,"app":142},"0289449e-dc14-4153-9e46-d7fc63c52e77","An alert message indicating a function resource is not attached.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F19c36768-a71f-47ab-9bcb-6d47a4c5ed8c.png",1677,350,[138],{"id":139,"title":140,"slug":141},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":66,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":71,"kind":56,"categories":150,"app":155},"cc6c935b-c1d9-4b4e-a558-f1e58e24ea5d","A history modal showing current and previous revisions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c68fb91-4563-4ec2-a477-647feeec70b3.png",619,477,[151],{"id":152,"title":153,"slug":154},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":66,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":71,"kind":56,"categories":163,"app":168},"226f2421-5901-40f3-a8ba-a9c15d21603d","A modal to share a project with collaborators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbbd1658-4e49-492e-b19c-93127b246312.png",1338,868,[164],{"id":165,"title":166,"slug":167},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":66,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":71,"kind":56,"categories":176,"app":178},"141c2aca-83d8-4ba4-85c3-ef5e2b14b8d2","A modal with a component library","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ab54637-fb99-4dce-b8be-90e05090478c.png",1910,882,[177],{"id":165,"title":166,"slug":167},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":66,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":71,"kind":56,"categories":186,"app":191},"0b2e6e83-17e7-4c09-a404-4363110592ce","A modal with information about pages and components.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2926ca8-772f-489b-a593-ccbdccf817b1.png",607,398,[187],{"id":188,"title":189,"slug":190},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":66,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":71,"kind":56,"categories":199,"app":204},"2d08894e-7d0d-447f-bae3-466742f055fc","A horizontal toolbar with multiple actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ba548e0-b944-400c-a3bf-3a5cdf77730f.png",720,235,[200],{"id":201,"title":202,"slug":203},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":205},[],[],[208,211,214,217,220,223],{"label":209,"to":210},"Dynaboard product screens","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fscreens",{"label":212,"to":213},"Dynaboard marketing pages","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fmarketing",{"label":215,"to":216},"Dynaboard user flows","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fflows",{"label":218,"to":219},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":221,"to":222},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":224,"to":225},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":227,"updated_at":228},"2023-10-19T09:31:38.000Z","2026-09-26T00:10:37.000Z"]