[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcancel-action":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":543,"links":544,"dates":606},"\u002Fexamples\u002Ftags\u002Fcancel-action","collection","screens",true,{"example_count":9,"app_count":10},648,212,{"id":12,"title":13,"description":14},2502,"Cancel action","",{"title":16,"description":17,"og_image":18},"Cancel action screen examples - Nicelydone","Cancel action screen design examples from SaaS apps. Browse examples from Dock, Beside, Flora.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71985b8f-e804-4d34-9a4d-c14589076be7.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Cancel action screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"648 screens",[34,90,147,181,215,271,320,356,398,445,488,512],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":71,"app":76},"71985b8f-e804-4d34-9a4d-c14589076be7","Security profiles · Dock","Settings page where the user is prompted to confirm archiving a security profile.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Security profiles · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},114,"Confirmation","confirmation",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":58,"group":59},9,"Delete","delete",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",{"id":64,"label":65,"slug":66,"rank":60,"group":67},101,"Security Settings","security-settings",{"id":68,"label":69,"slug":70},10,"Settings & Admin","settings-and-admin",[72],{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":77,"title":78,"logo":79,"baseline":80,"categories":81},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[82,86],{"id":83,"title":84,"slug":85},23,"Collaboration","collaboration",{"id":87,"title":88,"slug":89},29,"Task Management","task-management",{"uuid":91,"title":92,"description":93,"canonical_path":94,"image":95,"width":39,"height":40,"image_alt":96,"published_at":97,"kind":43,"patterns":98,"component_categories":112,"app":126},"cf7042a8-947c-4849-bbc3-b4b570954d29","Beside","Settings modal where the user edits the name, description, and pricing details of a product or service for the AI receptionist's knowledge base.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf7042a8-947c-4849-bbc3-b4b570954d29.png","Beside from Beside","2026-06-29T18:30:01.000Z",[99,104],{"id":100,"label":101,"slug":102,"rank":49,"group":103},11,"Edit","edit",{"id":60,"label":61,"slug":62},{"id":105,"label":106,"slug":107,"rank":58,"group":108},33,"AI Settings","ai-settings",{"id":109,"label":110,"slug":111},3,"AI","ai",[113,117,121,125],{"id":114,"title":115,"slug":116},177,"Breadcrumb","breadcrumb",{"id":118,"title":119,"slug":120},284,"Modal","modal",{"id":122,"title":123,"slug":124},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"slug":127,"title":92,"logo":128,"baseline":129,"categories":130},"beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[131,135,139,143],{"id":132,"title":133,"slug":134},80,"Artificial Intelligence","artificial-intelligence",{"id":136,"title":137,"slug":138},47,"Customer Service","customer-service",{"id":140,"title":141,"slug":142},53,"CRM","crm",{"id":144,"title":145,"slug":146},82,"Communication","communication",{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":39,"height":40,"image_alt":153,"published_at":154,"kind":43,"patterns":155,"component_categories":167,"app":169},"9bf0f0a7-7437-4a4a-9ef3-d8d82faa2851","FLORA","Creation screen where the user enters a name for their new workspace before continuing.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bf0f0a7-7437-4a4a-9ef3-d8d82faa2851.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[156,161],{"id":157,"label":158,"slug":159,"rank":49,"group":160},7,"Add & Create","add-and-create",{"id":60,"label":61,"slug":62},{"id":58,"label":162,"slug":163,"rank":58,"group":164},"Account Setup","account-setup",{"id":58,"label":165,"slug":166},"Access & Account","access-and-account",[168],{"id":73,"title":74,"slug":75},{"slug":170,"title":171,"logo":172,"baseline":173,"categories":174},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[175,176,180],{"id":132,"title":133,"slug":134},{"id":177,"title":178,"slug":179},8,"Design","design",{"id":83,"title":84,"slug":85},{"uuid":182,"title":183,"description":184,"canonical_path":185,"image":186,"width":39,"height":40,"image_alt":187,"published_at":188,"kind":43,"patterns":189,"component_categories":200,"app":202},"8d295a6a-658b-4670-a672-014b42643b56","Lovable","Verification screen where the user enters a 6-digit code sent to their phone to confirm their identity.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d295a6a-658b-4670-a672-014b42643b56.png","Lovable from Lovable","2026-05-18T10:58:24.000Z",[190,195],{"id":191,"label":192,"slug":193,"rank":49,"group":194},6,"Verification","verification",{"id":58,"label":165,"slug":166},{"id":196,"label":197,"slug":198,"rank":58,"group":199},4,"Sign In","sign-in",{"id":58,"label":165,"slug":166},[201],{"id":73,"title":74,"slug":75},{"slug":203,"title":183,"logo":204,"baseline":205,"categories":206},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[207,208,211],{"id":132,"title":133,"slug":134},{"id":157,"title":209,"slug":210},"Web Development","web-development",{"id":212,"title":213,"slug":214},96,"No code","no-code",{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":221,"height":222,"image_alt":223,"published_at":224,"kind":43,"patterns":225,"component_categories":242,"app":253},"057a3c9e-1d6d-4ab7-a3e8-9edb9fa81f86","Audience settings | Mailchimp","Settings page where the user must confirm they understand the consequences before resetting their audience data via a destructive modal.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F057a3c9e-1d6d-4ab7-a3e8-9edb9fa81f86.png",2880,1670,"Audience settings | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[226,228,230,235],{"id":46,"label":47,"slug":48,"rank":49,"group":227},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":229},{"id":60,"label":61,"slug":62},{"id":231,"label":232,"slug":233,"rank":60,"group":234},94,"Account Settings","account-settings",{"id":68,"label":69,"slug":70},{"id":236,"label":237,"slug":238,"rank":109,"group":239},92,"Upgrade Prompt","upgrade-prompt",{"id":55,"label":240,"slug":241},"Plans & Limits","plans-and-limits",[243,244,248,249],{"id":114,"title":115,"slug":116},{"id":245,"title":246,"slug":247},240,"Horizontal navigation","horizontal-navigation",{"id":122,"title":123,"slug":124},{"id":250,"title":251,"slug":252},169,"Avatar","avatar",{"slug":254,"title":255,"logo":256,"baseline":257,"categories":258},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[259,263,267],{"id":260,"title":261,"slug":262},25,"Marketing","marketing",{"id":264,"title":265,"slug":266},27,"Email Newsletters","email-newsletters",{"id":268,"title":269,"slug":270},68,"SMS","sms",{"uuid":272,"title":273,"description":274,"canonical_path":275,"image":276,"width":39,"height":277,"image_alt":278,"published_at":279,"kind":43,"patterns":280,"component_categories":292,"app":305},"cfb99bf5-dfc9-461b-945d-1d3bf22a2667","Nicelydone | Team settings","Settings page where the user is prompted to confirm the permanent deletion of their team by typing its name in a modal.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfb99bf5-dfc9-461b-945d-1d3bf22a2667.png",1588,"Nicelydone | Team settings from Liveblocks","2026-04-27T19:43:19.000Z",[281,286,288,290],{"id":282,"label":283,"slug":284,"rank":49,"group":285},104,"Team Management","team-management",{"id":68,"label":69,"slug":70},{"id":55,"label":56,"slug":57,"rank":58,"group":287},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":60,"group":289},{"id":51,"label":52,"slug":53},{"id":231,"label":232,"slug":233,"rank":109,"group":291},{"id":68,"label":69,"slug":70},[293,297,301,302,303,304],{"id":294,"title":295,"slug":296},233,"Tabs","tabs",{"id":298,"title":299,"slug":300},174,"Card","card",{"id":245,"title":246,"slug":247},{"id":122,"title":123,"slug":124},{"id":250,"title":251,"slug":252},{"id":73,"title":74,"slug":75},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[311,315,316],{"id":312,"title":313,"slug":314},48,"Developer Tools","developer-tools",{"id":83,"title":84,"slug":85},{"id":317,"title":318,"slug":319},37,"Developer APIs","developer-apis",{"uuid":321,"title":322,"description":323,"canonical_path":324,"image":325,"width":39,"height":326,"image_alt":327,"published_at":328,"kind":43,"patterns":329,"component_categories":340,"app":344},"d7e32197-2b8e-4a05-b3af-7ace5f69d199","Dashboard - Documentation.AI","Settings page where the user manages their profile details, email addresses, and connected accounts, currently showing an inline prompt to remove a secondary email address.","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7e32197-2b8e-4a05-b3af-7ace5f69d199.png",1780,"Dashboard - Documentation.AI from Documentation.AI","2026-02-23T10:22:12.000Z",[330,332,338],{"id":231,"label":232,"slug":233,"rank":49,"group":331},{"id":68,"label":69,"slug":70},{"id":109,"label":333,"slug":334,"rank":58,"group":335},"Profile","profile",{"id":100,"label":336,"slug":337},"Social & Collaboration","social-and-collaboration",{"id":46,"label":47,"slug":48,"rank":60,"group":339},{"id":51,"label":52,"slug":53},[341,342,343],{"id":250,"title":251,"slug":252},{"id":122,"title":123,"slug":124},{"id":73,"title":74,"slug":75},{"slug":345,"title":346,"logo":347,"baseline":348,"categories":349},"documentationai","Documentation.AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F765c5eca-9754-4c48-be93-ec4d07f943f7.png","AI Documentation & Knowledge",[350,354,355],{"id":351,"title":352,"slug":353},22,"Knowledge Management","knowledge-management",{"id":312,"title":313,"slug":314},{"id":132,"title":133,"slug":134},{"uuid":357,"title":358,"description":359,"canonical_path":360,"image":361,"width":39,"height":326,"image_alt":362,"published_at":363,"kind":43,"patterns":364,"component_categories":375,"app":381},"66a47772-a309-48d1-9b96-f5fbb5bb7a00","Dashboard | Whop","List view of digital products where a modal prompts the user to confirm the irreversible deletion of a selected product.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66a47772-a309-48d1-9b96-f5fbb5bb7a00.png","Dashboard | Whop from Whop","2026-02-16T13:59:46.000Z",[365,367,369],{"id":55,"label":56,"slug":57,"rank":49,"group":366},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":368},{"id":51,"label":52,"slug":53},{"id":136,"label":370,"slug":371,"rank":60,"group":372},"Table","table",{"id":196,"label":373,"slug":374},"Data & Analysis","data-and-analysis",[376,380],{"id":377,"title":378,"slug":379},211,"Pagination","pagination",{"id":122,"title":123,"slug":124},{"slug":382,"title":383,"logo":384,"baseline":385,"categories":386},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[387,390,394],{"id":58,"title":388,"slug":389},"Communities","communities",{"id":391,"title":392,"slug":393},18,"Marketplace","marketplace",{"id":395,"title":396,"slug":397},39,"Payments","payments",{"uuid":399,"title":400,"description":401,"canonical_path":402,"image":403,"width":39,"height":326,"image_alt":404,"published_at":405,"kind":43,"patterns":406,"component_categories":422,"app":431},"dce2522f-5e61-4c0b-ba0b-dbaa675f168a","Cake Portfolio App","Detail page where the user can send a thank you note and select a celebration sticker after accepting an equity offer.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdce2522f-5e61-4c0b-ba0b-dbaa675f168a.png","Cake Portfolio App from Cake","2025-10-20T12:38:07.000Z",[407,412,414,420],{"id":408,"label":409,"slug":410,"rank":49,"group":411},122,"Success","success",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":413},{"id":51,"label":52,"slug":53},{"id":144,"label":415,"slug":416,"rank":60,"group":417},"Media Detail","media-detail",{"id":177,"label":418,"slug":419},"Pages & Content","pages-and-content",{"id":100,"label":101,"slug":102,"rank":109,"group":421},{"id":60,"label":61,"slug":62},[423,427,428,429,430],{"id":424,"title":425,"slug":426},227,"Stepper","stepper",{"id":118,"title":119,"slug":120},{"id":245,"title":246,"slug":247},{"id":250,"title":251,"slug":252},{"id":73,"title":74,"slug":75},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[437,441],{"id":438,"title":439,"slug":440},36,"Finance","finance",{"id":442,"title":443,"slug":444},63,"Startups","startups",{"uuid":446,"title":447,"description":448,"canonical_path":449,"image":450,"width":39,"height":326,"image_alt":451,"published_at":452,"kind":43,"patterns":453,"component_categories":466,"app":475},"8d004352-0cab-4f6a-afa2-0ec4457bc16a","Settings | Firecrawl","Settings page where the user is prompted to confirm regenerating their webhook signing secret, with a warning that existing webhooks will stop working.","\u002Fexamples\u002Fapps\u002Ffirecrawl\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d004352-0cab-4f6a-afa2-0ec4457bc16a.png","Settings | Firecrawl from Firecrawl","2025-10-13T15:36:43.000Z",[454,459,461],{"id":455,"label":456,"slug":457,"rank":49,"group":458},105,"Webhooks","webhooks",{"id":68,"label":69,"slug":70},{"id":46,"label":47,"slug":48,"rank":58,"group":460},{"id":51,"label":52,"slug":53},{"id":462,"label":463,"slug":464,"rank":60,"group":465},95,"API Keys","api-keys",{"id":68,"label":69,"slug":70},[467,471,472,473,474],{"id":468,"title":469,"slug":470},167,"Alert","alert",{"id":294,"title":295,"slug":296},{"id":245,"title":246,"slug":247},{"id":122,"title":123,"slug":124},{"id":73,"title":74,"slug":75},{"slug":476,"title":477,"logo":478,"baseline":479,"categories":480},"firecrawl","Firecrawl","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffirecrawl-5r4fbfp0.png","Turn websites into LLM-ready data",[481,482,483,487],{"id":132,"title":133,"slug":134},{"id":317,"title":318,"slug":319},{"id":484,"title":485,"slug":486},45,"Open Source","open-source",{"id":312,"title":313,"slug":314},{"uuid":489,"title":490,"description":491,"canonical_path":492,"image":493,"width":39,"height":326,"image_alt":494,"published_at":495,"kind":43,"patterns":496,"component_categories":499,"app":505},"d898731b-3329-4c87-ba3c-4b6c0230cf06","Custom Titles | Nicelydone club CRM","Settings page where the user creates a new custom title for their CRM contacts via a modal overlay.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd898731b-3329-4c87-ba3c-4b6c0230cf06.png","Custom Titles | Nicelydone club CRM from Capsule","2025-10-06T13:33:45.000Z",[497],{"id":231,"label":232,"slug":233,"rank":49,"group":498},{"id":68,"label":69,"slug":70},[500,501,502,503,504],{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"id":245,"title":246,"slug":247},{"id":250,"title":251,"slug":252},{"id":73,"title":74,"slug":75},{"slug":506,"title":507,"logo":508,"baseline":509,"categories":510},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[511],{"id":140,"title":141,"slug":142},{"uuid":513,"title":514,"description":515,"canonical_path":516,"image":517,"width":39,"height":326,"image_alt":518,"published_at":519,"kind":43,"patterns":520,"component_categories":527,"app":532},"a270d541-3b67-47c0-b210-50fb6103aeab","Workflow","Settings modal where the user updates their personal information, including name, email, and password.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa270d541-3b67-47c0-b210-50fb6103aeab.png","Workflow from Workflow","2025-09-30T08:25:02.000Z",[521,523,525],{"id":231,"label":232,"slug":233,"rank":49,"group":522},{"id":68,"label":69,"slug":70},{"id":100,"label":101,"slug":102,"rank":58,"group":524},{"id":60,"label":61,"slug":62},{"id":109,"label":333,"slug":334,"rank":60,"group":526},{"id":100,"label":336,"slug":337},[528,529,530,531],{"id":298,"title":299,"slug":300},{"id":118,"title":119,"slug":120},{"id":250,"title":251,"slug":252},{"id":73,"title":74,"slug":75},{"slug":533,"title":514,"logo":534,"baseline":535,"categories":536},"workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[537,538,539],{"id":177,"title":178,"slug":179},{"id":83,"title":84,"slug":85},{"id":540,"title":541,"slug":542},35,"Feedback","feedback",[],[545,547,550,552,554,556,558,560,562,564,566,568,570,573,576,579,582,585,588,591,594,597,600,603],{"label":47,"to":546,"count":157},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":232,"to":548,"count":549},"\u002Fexamples\u002Fscreens\u002Faccount-settings",5,{"label":56,"to":551,"count":196},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":101,"to":553,"count":109},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":333,"to":555,"count":60},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":162,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":158,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":106,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":463,"to":563,"count":58},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":415,"to":565,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":65,"to":567,"count":58},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":197,"to":569,"count":58},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":571,"to":572},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":574,"to":575},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":577,"to":578},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":580,"to":581},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":583,"to":584},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":586,"to":587},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":589,"to":590},"Documentation.AI design examples","\u002Fexamples\u002Fapps\u002Fdocumentationai",{"label":592,"to":593},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":595,"to":596},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":598,"to":599},"Firecrawl design examples","\u002Fexamples\u002Fapps\u002Ffirecrawl",{"label":601,"to":602},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":604,"to":605},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"published_at":607,"updated_at":608},"2024-12-11T10:40:18.000Z","2026-09-25T16:00:06.596Z"]