[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdunked\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":345,"links":346,"dates":407},"\u002Fexamples\u002Fapps\u002Fdunked\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dunked product screens examples - Nicelydone","Browse Dunked screen design examples. Preview the interface screenshots and explore related UI patterns. Build your online portfolio without any technical…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdunked_sign-in_1c478288_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Dunked design examples","\u002Fexamples\u002Fapps\u002Fdunked",{"label":23,"to":4},"Dunked product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dunked screen design examples. Preview the interface screenshots and explore related UI patterns. Build your online portfolio without any technical know-how",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"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",[37,41,45],{"id":38,"title":39,"slug":40},6,"Publishing","publishing",{"id":42,"title":43,"slug":44},7,"Web Development","web-development",{"id":46,"title":47,"slug":48},8,"Design","design",[50,75,88,112,152,183,201,225,257,280,297,325],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":73},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},2,"Forgot Password","forgot-password",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69],{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":54,"height":55,"image_alt":80,"kind":57,"patterns":81,"component_categories":84,"app":86},"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",[82],{"id":60,"label":61,"slug":62,"rank":63,"group":83},{"id":65,"label":66,"slug":67},[85],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":54,"height":93,"image_alt":94,"kind":57,"patterns":95,"component_categories":108,"app":110},"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",[96,100],{"id":65,"label":97,"slug":98,"rank":63,"group":99},"Account Setup","account-setup",{"id":65,"label":66,"slug":67},{"id":101,"label":102,"slug":103,"rank":65,"group":104},91,"Trial","trial",{"id":105,"label":106,"slug":107},9,"Plans & Limits","plans-and-limits",[109],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":114,"description":115,"canonical_path":4,"image":116,"width":54,"height":55,"image_alt":117,"kind":57,"patterns":118,"component_categories":144,"app":150},"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",[119,127,133,141],{"id":120,"label":121,"slug":122,"rank":63,"group":123},115,"Empty State","empty-state",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",{"id":42,"label":128,"slug":129,"rank":65,"group":130},"Add & Create","add-and-create",{"id":60,"label":131,"slug":132},"Actions","actions",{"id":134,"label":135,"slug":136,"rank":60,"group":137},41,"Dashboard","dashboard",{"id":138,"label":139,"slug":140},4,"Data & Analysis","data-and-analysis",{"id":101,"label":102,"slug":103,"rank":142,"group":143},3,{"id":105,"label":106,"slug":107},[145,149],{"id":146,"title":147,"slug":148},174,"Card","card",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":54,"height":157,"image_alt":158,"kind":57,"patterns":159,"component_categories":174,"app":181},"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",[160,167,172],{"id":161,"label":162,"slug":163,"rank":63,"group":164},86,"Templates","templates",{"id":46,"label":165,"slug":166},"Pages & Content","pages-and-content",{"id":168,"label":169,"slug":170,"rank":65,"group":171},79,"Browse","browse",{"id":46,"label":165,"slug":166},{"id":101,"label":102,"slug":103,"rank":60,"group":173},{"id":105,"label":106,"slug":107},[175,179,180],{"id":176,"title":177,"slug":178},260,"Badge","badge",{"id":146,"title":147,"slug":148},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":4,"image":187,"width":54,"height":188,"image_alt":189,"kind":57,"patterns":190,"component_categories":193,"app":199},"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",[191],{"id":42,"label":128,"slug":129,"rank":63,"group":192},{"id":60,"label":131,"slug":132},[194,198],{"id":195,"title":196,"slug":197},167,"Alert","alert",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":200},[],{"uuid":202,"title":203,"description":204,"canonical_path":4,"image":205,"width":54,"height":55,"image_alt":206,"kind":57,"patterns":207,"component_categories":217,"app":223},"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",[208,213,215],{"id":209,"label":210,"slug":211,"rank":63,"group":212},114,"Confirmation","confirmation",{"id":124,"label":125,"slug":126},{"id":101,"label":102,"slug":103,"rank":65,"group":214},{"id":105,"label":106,"slug":107},{"id":161,"label":162,"slug":163,"rank":60,"group":216},{"id":46,"label":165,"slug":166},[218,222],{"id":219,"title":220,"slug":221},284,"Modal","modal",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":4,"image":229,"width":54,"height":55,"image_alt":230,"kind":57,"patterns":231,"component_categories":245,"app":255},"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",[232,240],{"id":233,"label":234,"slug":235,"rank":63,"group":236},55,"Design Editor","design-editor",{"id":237,"label":238,"slug":239},5,"Media & Tools","media-and-tools",{"id":241,"label":242,"slug":243,"rank":65,"group":244},11,"Edit","edit",{"id":60,"label":131,"slug":132},[246,250,254],{"id":247,"title":248,"slug":249},168,"Accordion","accordion",{"id":251,"title":252,"slug":253},277,"Button group","button-group",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":256},[],{"uuid":258,"title":227,"description":259,"canonical_path":4,"image":260,"width":54,"height":55,"image_alt":230,"kind":57,"patterns":261,"component_categories":274,"app":278},"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",[262,267,269],{"id":263,"label":264,"slug":265,"rank":63,"group":266},53,"Code Editor","code-editor",{"id":237,"label":238,"slug":239},{"id":241,"label":242,"slug":243,"rank":65,"group":268},{"id":60,"label":131,"slug":132},{"id":270,"label":271,"slug":272,"rank":60,"group":273},58,"Media Editor","media-editor",{"id":237,"label":238,"slug":239},[275,276,277],{"id":251,"title":252,"slug":253},{"id":146,"title":147,"slug":148},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":279},[],{"uuid":281,"title":227,"description":282,"canonical_path":4,"image":283,"width":54,"height":55,"image_alt":230,"kind":57,"patterns":284,"component_categories":289,"app":295},"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",[285,287],{"id":263,"label":264,"slug":265,"rank":63,"group":286},{"id":237,"label":238,"slug":239},{"id":241,"label":242,"slug":243,"rank":65,"group":288},{"id":60,"label":131,"slug":132},[290,294],{"id":291,"title":292,"slug":293},233,"Tabs","tabs",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":296},[],{"uuid":298,"title":135,"description":299,"canonical_path":4,"image":300,"width":54,"height":55,"image_alt":301,"kind":57,"patterns":302,"component_categories":320,"app":323},"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",[303,308,310,315],{"id":304,"label":305,"slug":306,"rank":63,"group":307},49,"Usage","usage",{"id":138,"label":139,"slug":140},{"id":101,"label":102,"slug":103,"rank":65,"group":309},{"id":105,"label":106,"slug":107},{"id":311,"label":312,"slug":313,"rank":60,"group":314},40,"Charts","charts",{"id":138,"label":139,"slug":140},{"id":316,"label":317,"slug":318,"rank":142,"group":319},92,"Upgrade Prompt","upgrade-prompt",{"id":105,"label":106,"slug":107},[321,322],{"id":219,"title":220,"slug":221},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":4,"image":329,"width":54,"height":330,"image_alt":331,"kind":57,"patterns":332,"component_categories":340,"app":343},"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",[333],{"id":334,"label":327,"slug":335,"rank":63,"group":336},102,"settings",{"id":337,"label":338,"slug":339},10,"Settings & Admin","settings-and-admin",[341,342],{"id":291,"title":292,"slug":293},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":344},[],[],[347,349,351,353,355,357,359,361,363,365,367,369,371,374,377,380,383,386,389,391,395,399,403],{"label":102,"to":348},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":242,"to":350},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":128,"to":352},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":264,"to":354},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":61,"to":356},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":162,"to":358},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":97,"to":360},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":169,"to":362},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":312,"to":364},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":210,"to":366},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":135,"to":368},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":234,"to":370},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":372,"to":373},"Dunked marketing pages","\u002Fexamples\u002Fapps\u002Fdunked\u002Fmarketing",{"label":375,"to":376},"Dunked user flows","\u002Fexamples\u002Fapps\u002Fdunked\u002Fflows",{"label":378,"to":379},"Dunked UI components","\u002Fexamples\u002Fapps\u002Fdunked\u002Fcomponents",{"label":381,"to":382},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":384,"to":385},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":387,"to":388},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":390,"to":18},"All SaaS app examples",{"label":392,"to":393,"description":394},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":396,"to":397,"description":398},"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":400,"to":401,"description":402},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":404,"to":405,"description":406},"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":408,"updated_at":409},"2016-06-29T14:00:00.000Z","2026-09-13T13:02:39.000Z"]