[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdunked":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":54,"showcases":55,"links":357,"dates":395},"\u002Fexamples\u002Fapps\u002Fdunked","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dunked design examples - Nicelydone","Explore Dunked UI design examples. Build your online portfolio without any technical know-how","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_sign-in_1c478288_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dunked design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dunked",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdunked\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fdunked\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":40,"categories":41},"Dunked","dunked","Build your online portfolio without any technical know-how","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdunked-665b4e88.png","http:\u002F\u002Fdunked.com","DunkedHQ",[42,46,50],{"id":43,"title":44,"slug":45},6,"Publishing","publishing",{"id":47,"title":48,"slug":49},7,"Web Development","web-development",{"id":51,"title":52,"slug":53},8,"Design","design",[],[56,354],{"family":57,"examples":58},"screens",[59,84,97,121,161,192,210,234,266,289,306,334],{"uuid":60,"title":61,"description":62,"canonical_path":29,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":77,"app":82},"3f2802cc-39a8-4d4c-bbee-5b5646460bf6","Sign in","Sign-in screen where the user authenticates with their email address and password or requests a password reset.",2800,1544,"Sign in from Dunked","screen",[68],{"id":69,"label":70,"slug":71,"rank":72,"group":73},2,"Forgot Password","forgot-password",0,{"id":74,"label":75,"slug":76},1,"Access & Account","access-and-account",[78],{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":83},[],{"uuid":85,"title":86,"description":87,"canonical_path":29,"image":88,"width":63,"height":64,"image_alt":89,"kind":66,"patterns":90,"component_categories":93,"app":95},"8e98cb4a-9866-4626-b702-b8482d0f0cd4","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_password-reset_8ffb6b2a_nicelydone.jpg","Password reset from Dunked",[91],{"id":69,"label":70,"slug":71,"rank":72,"group":92},{"id":74,"label":75,"slug":76},[94],{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":63,"height":102,"image_alt":103,"kind":66,"patterns":104,"component_categories":117,"app":119},"3d424774-2390-44bb-bd93-48acfabe4749","Sign up","Signup page where the user creates an account for a 10-day free trial, chooses a custom URL, and completes a word-selection spam check.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_sign-up_c168c3ab_nicelydone.jpg",2230,"Sign up from Dunked",[105,109],{"id":74,"label":106,"slug":107,"rank":72,"group":108},"Account Setup","account-setup",{"id":74,"label":75,"slug":76},{"id":110,"label":111,"slug":112,"rank":74,"group":113},91,"Trial","trial",{"id":114,"label":115,"slug":116},9,"Plans & Limits","plans-and-limits",[118],{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":29,"image":125,"width":63,"height":64,"image_alt":126,"kind":66,"patterns":127,"component_categories":153,"app":159},"83109cb6-fbd3-495e-adf5-237570c7ded4","Home","Projects list view in an empty state prompting the user to create their first project, with a persistent bottom banner showing trial days remaining.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_home_d053f846_nicelydone.jpg","Home from Dunked",[128,136,142,150],{"id":129,"label":130,"slug":131,"rank":72,"group":132},115,"Empty State","empty-state",{"id":133,"label":134,"slug":135},12,"States & Feedback","states-and-feedback",{"id":47,"label":137,"slug":138,"rank":74,"group":139},"Add & Create","add-and-create",{"id":69,"label":140,"slug":141},"Actions","actions",{"id":143,"label":144,"slug":145,"rank":69,"group":146},41,"Dashboard","dashboard",{"id":147,"label":148,"slug":149},4,"Data & Analysis","data-and-analysis",{"id":110,"label":111,"slug":112,"rank":151,"group":152},3,{"id":114,"label":115,"slug":116},[154,158],{"id":155,"title":156,"slug":157},174,"Card","card",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":29,"image":165,"width":63,"height":166,"image_alt":167,"kind":66,"patterns":168,"component_categories":183,"app":190},"a771aeb2-9321-4f65-bfb6-2a14d6f11f0c","Gallery","Template gallery where the user browses and activates a design theme for their portfolio site.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_gallery_b5afc50b_nicelydone.jpg",4812,"Gallery from Dunked",[169,176,181],{"id":170,"label":171,"slug":172,"rank":72,"group":173},86,"Templates","templates",{"id":51,"label":174,"slug":175},"Pages & Content","pages-and-content",{"id":177,"label":178,"slug":179,"rank":74,"group":180},79,"Browse","browse",{"id":51,"label":174,"slug":175},{"id":110,"label":111,"slug":112,"rank":69,"group":182},{"id":114,"label":115,"slug":116},[184,188,189],{"id":185,"title":186,"slug":187},260,"Badge","badge",{"id":155,"title":156,"slug":157},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":29,"image":196,"width":63,"height":197,"image_alt":198,"kind":66,"patterns":199,"component_categories":202,"app":208},"4ad32493-87de-4df2-bb93-5a257bee29dd","Create","Creation page where the user sets up a new project by uploading media, writing a description via a rich text editor, and filling out metadata like client, role, and tags.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_create-2_8be96204_nicelydone.jpg",3512,"Create from Dunked",[200],{"id":47,"label":137,"slug":138,"rank":72,"group":201},{"id":69,"label":140,"slug":141},[203,207],{"id":204,"title":205,"slug":206},167,"Alert","alert",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":29,"image":214,"width":63,"height":64,"image_alt":215,"kind":66,"patterns":216,"component_categories":226,"app":232},"e733f945-cc2a-4d06-b1be-97511a187eca","Popover","Modal overlay where the user confirms the activation of a selected template, accompanied by a persistent bottom banner showing remaining free trial days and an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_popover_20f1656e_nicelydone.jpg","Popover from Dunked",[217,222,224],{"id":218,"label":219,"slug":220,"rank":72,"group":221},114,"Confirmation","confirmation",{"id":133,"label":134,"slug":135},{"id":110,"label":111,"slug":112,"rank":74,"group":223},{"id":114,"label":115,"slug":116},{"id":170,"label":171,"slug":172,"rank":69,"group":225},{"id":51,"label":174,"slug":175},[227,231],{"id":228,"title":229,"slug":230},284,"Modal","modal",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":233},[],{"uuid":235,"title":236,"description":237,"canonical_path":29,"image":238,"width":63,"height":64,"image_alt":239,"kind":66,"patterns":240,"component_categories":254,"app":264},"b51310ea-6eb4-4f95-b084-704cfa27f76b","Content editor","Design editor where the user customizes their portfolio theme, including logo, typography, and colors, with a live preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_content-editor-2_46d3c689_nicelydone.jpg","Content editor from Dunked",[241,249],{"id":242,"label":243,"slug":244,"rank":72,"group":245},55,"Design Editor","design-editor",{"id":246,"label":247,"slug":248},5,"Media & Tools","media-and-tools",{"id":250,"label":251,"slug":252,"rank":74,"group":253},11,"Edit","edit",{"id":69,"label":140,"slug":141},[255,259,263],{"id":256,"title":257,"slug":258},168,"Accordion","accordion",{"id":260,"title":261,"slug":262},277,"Button group","button-group",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":265},[],{"uuid":267,"title":236,"description":268,"canonical_path":29,"image":269,"width":63,"height":64,"image_alt":239,"kind":66,"patterns":270,"component_categories":283,"app":287},"d6196bda-5f2c-4cd7-9227-ac0cfcdf1b6a","Code editor where the user customizes the CSS stylesheet for their Dunked template with a live preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_content-editor-3_57e97a42_nicelydone.jpg",[271,276,278],{"id":272,"label":273,"slug":274,"rank":72,"group":275},53,"Code Editor","code-editor",{"id":246,"label":247,"slug":248},{"id":250,"label":251,"slug":252,"rank":74,"group":277},{"id":69,"label":140,"slug":141},{"id":279,"label":280,"slug":281,"rank":69,"group":282},58,"Media Editor","media-editor",{"id":246,"label":247,"slug":248},[284,285,286],{"id":260,"title":261,"slug":262},{"id":155,"title":156,"slug":157},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":288},[],{"uuid":290,"title":236,"description":291,"canonical_path":29,"image":292,"width":63,"height":64,"image_alt":239,"kind":66,"patterns":293,"component_categories":298,"app":304},"15628d2d-0801-4f15-9b9a-4e9fc915f908","Code editor where the user modifies the HTML template of their site alongside a live visual preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_content-editor_1061146d_nicelydone.jpg",[294,296],{"id":272,"label":273,"slug":274,"rank":72,"group":295},{"id":246,"label":247,"slug":248},{"id":250,"label":251,"slug":252,"rank":74,"group":297},{"id":69,"label":140,"slug":141},[299,303],{"id":300,"title":301,"slug":302},233,"Tabs","tabs",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":305},[],{"uuid":307,"title":144,"description":308,"canonical_path":29,"image":309,"width":63,"height":64,"image_alt":310,"kind":66,"patterns":311,"component_categories":329,"app":332},"dcdee275-eb18-4d3e-85f3-3d1f62f08087","Modal displaying current usage statistics for projects, pages, and images, with prompts to upgrade the account and a persistent bottom banner indicating remaining free trial days.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_dashboard_49d5a139_nicelydone.jpg","Dashboard from Dunked",[312,317,319,324],{"id":313,"label":314,"slug":315,"rank":72,"group":316},49,"Usage","usage",{"id":147,"label":148,"slug":149},{"id":110,"label":111,"slug":112,"rank":74,"group":318},{"id":114,"label":115,"slug":116},{"id":320,"label":321,"slug":322,"rank":69,"group":323},40,"Charts","charts",{"id":147,"label":148,"slug":149},{"id":325,"label":326,"slug":327,"rank":151,"group":328},92,"Upgrade Prompt","upgrade-prompt",{"id":114,"label":115,"slug":116},[330,331],{"id":228,"title":229,"slug":230},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":333},[],{"uuid":335,"title":336,"description":337,"canonical_path":29,"image":338,"width":63,"height":339,"image_alt":340,"kind":66,"patterns":341,"component_categories":349,"app":352},"3add8e8b-6ea7-47b2-9895-bd8dec846891","Settings","Settings page where the user configures their site title, description, and custom domain URLs for their portfolio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_settings-2_db0113c1_nicelydone.jpg",2050,"Settings from Dunked",[342],{"id":343,"label":336,"slug":344,"rank":72,"group":345},102,"settings",{"id":346,"label":347,"slug":348},10,"Settings & Admin","settings-and-admin",[350,351],{"id":300,"title":301,"slug":302},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":353},[],{"family":355,"examples":356},"pages",[],[358,360,362,365,368,371,374,377,379,383,387,391],{"label":359,"to":29},"Dunked product screens",{"label":361,"to":32},"Dunked marketing pages",{"label":363,"to":364},"Dunked user flows","\u002Fexamples\u002Fapps\u002Fdunked\u002Fflows",{"label":366,"to":367},"Dunked UI components","\u002Fexamples\u002Fapps\u002Fdunked\u002Fcomponents",{"label":369,"to":370},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":372,"to":373},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":375,"to":376},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":378,"to":18},"All SaaS app examples",{"label":380,"to":381,"description":382},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":384,"to":385,"description":386},"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":388,"to":389,"description":390},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":392,"to":393,"description":394},"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":396,"updated_at":397},"2016-06-29T14:00:00.000Z","2026-09-13T13:02:39.000Z"]