[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fmodal-screen":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":539,"links":540,"dates":601},"\u002Fexamples\u002Ftags\u002Fmodal-screen","collection","screens",true,{"example_count":9,"app_count":10},10422,451,{"id":12,"title":13,"description":14},8202,"Modal screen","",{"title":16,"description":17,"og_image":18},"Modal screen screen examples - Nicelydone","Modal screen screen design examples from SaaS apps. Browse examples from Dock, Beside, Lovable.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd59b6941-37be-48c1-a626-b77d780d5966.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Modal screen screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"10422 screens",[34,102,156,197,241,286,336,370,417,447,478,510],{"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":63,"app":88},"d59b6941-37be-48c1-a626-b77d780d5966","Objects · Workspaces · Fields","Settings page where the user configures core and custom fields for workspaces, currently showing a modal prompting them to upgrade to unlock CRM-mapped properties.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Objects · Workspaces · Fields from Dock","2026-07-13T15:30:47.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},88,"Feature Gate","feature-gate",0,{"id":51,"label":52,"slug":53},9,"Plans & Limits","plans-and-limits",{"id":55,"label":56,"slug":57,"rank":58,"group":59},102,"Settings","settings",1,{"id":60,"label":61,"slug":62},10,"Settings & Admin","settings-and-admin",[64,68,72,76,80,84],{"id":65,"title":66,"slug":67},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},177,"Breadcrumb","breadcrumb",{"id":73,"title":74,"slug":75},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},233,"Tabs","tabs",{"id":81,"title":82,"slug":83},284,"Modal","modal",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[94,98],{"id":95,"title":96,"slug":97},23,"Collaboration","collaboration",{"id":99,"title":100,"slug":101},29,"Task Management","task-management",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":39,"height":40,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":131,"app":134},"7e7cf5a7-1bb6-42e4-9e49-9c346cab17db","Pulses - Settings - Beside","Settings modal where the user configures a recurring AI prompt, setting its visibility, frequency, time, timezone, and the prompt text.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e7cf5a7-1bb6-42e4-9e49-9c346cab17db.png","Pulses - Settings - Beside from Beside","2026-06-29T18:30:01.000Z",[111,118,126],{"id":99,"label":112,"slug":113,"rank":49,"group":114},"AI Editing","ai-editing",{"id":115,"label":116,"slug":117},3,"AI","ai",{"id":119,"label":120,"slug":121,"rank":58,"group":122},11,"Edit","edit",{"id":123,"label":124,"slug":125},2,"Actions","actions",{"id":127,"label":128,"slug":129,"rank":123,"group":130},30,"AI Generation","ai-generation",{"id":115,"label":116,"slug":117},[132,133],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":135,"title":136,"logo":137,"baseline":138,"categories":139},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[140,144,148,152],{"id":141,"title":142,"slug":143},80,"Artificial Intelligence","artificial-intelligence",{"id":145,"title":146,"slug":147},47,"Customer Service","customer-service",{"id":149,"title":150,"slug":151},53,"CRM","crm",{"id":153,"title":154,"slug":155},82,"Communication","communication",{"uuid":157,"title":158,"description":159,"canonical_path":160,"image":161,"width":39,"height":40,"image_alt":162,"published_at":163,"kind":43,"patterns":164,"component_categories":181,"app":183},"8e9a76f2-1563-4fec-a8ad-0995b9d58a8f","Home | Lovable","Onboarding screen where the user is informed that no existing workspaces match their email domain, with an option to create a new one.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e9a76f2-1563-4fec-a8ad-0995b9d58a8f.png","Home | Lovable from Lovable","2026-05-18T10:58:24.000Z",[165,173],{"id":166,"label":167,"slug":168,"rank":49,"group":169},115,"Empty State","empty-state",{"id":170,"label":171,"slug":172},12,"States & Feedback","states-and-feedback",{"id":174,"label":175,"slug":176,"rank":58,"group":177},74,"Onboarding Checklist","onboarding-checklist",{"id":178,"label":179,"slug":180},7,"Onboarding & Education","onboarding-and-education",[182],{"id":85,"title":86,"slug":87},{"slug":184,"title":185,"logo":186,"baseline":187,"categories":188},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[189,190,193],{"id":141,"title":142,"slug":143},{"id":178,"title":191,"slug":192},"Web Development","web-development",{"id":194,"title":195,"slug":196},96,"No code","no-code",{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"published_at":206,"kind":43,"patterns":207,"component_categories":220,"app":223},"a79c24a0-264c-4147-9430-763362722eaa","Maze - Home","Modal where the user can rename an existing study, featuring a character counter and an AI inline action to assist with naming.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa79c24a0-264c-4147-9430-763362722eaa.png",2880,1670,"Maze - Home from Maze","2026-04-20T14:45:59.000Z",[208,210,215],{"id":119,"label":120,"slug":121,"rank":49,"group":209},{"id":123,"label":124,"slug":125},{"id":211,"label":212,"slug":213,"rank":58,"group":214},27,"AI Assistant","ai-assistant",{"id":115,"label":116,"slug":117},{"id":216,"label":217,"slug":218,"rank":123,"group":219},114,"Confirmation","confirmation",{"id":170,"label":171,"slug":172},[221,222],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":224,"title":225,"logo":226,"baseline":227,"categories":228},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[229,233,237],{"id":230,"title":231,"slug":232},8,"Design","design",{"id":234,"title":235,"slug":236},69,"Surveys","surveys",{"id":238,"title":239,"slug":240},104,"User Research","user-research",{"uuid":242,"title":243,"description":244,"canonical_path":245,"image":246,"width":39,"height":247,"image_alt":248,"published_at":249,"kind":43,"patterns":250,"component_categories":262,"app":270},"37188219-dc70-43bd-94d7-b4609a68a88c","My project – Dovetail","Onboarding modal introducing a feature to analyze calls and documents, overlaid on a project workspace with a floating AI chat entry point.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37188219-dc70-43bd-94d7-b4609a68a88c.png",1780,"My project – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[251,256,258,260],{"id":252,"label":253,"slug":254,"rank":49,"group":255},73,"Guided Tour","guided-tour",{"id":178,"label":179,"slug":180},{"id":211,"label":212,"slug":213,"rank":58,"group":257},{"id":115,"label":116,"slug":117},{"id":46,"label":47,"slug":48,"rank":123,"group":259},{"id":51,"label":52,"slug":53},{"id":216,"label":217,"slug":218,"rank":115,"group":261},{"id":170,"label":171,"slug":172},[263,264,268,269],{"id":65,"title":66,"slug":67},{"id":265,"title":266,"slug":267},174,"Card","card",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":271,"title":272,"logo":273,"baseline":274,"categories":275},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[276,277,281,285],{"id":230,"title":231,"slug":232},{"id":278,"title":279,"slug":280},22,"Knowledge Management","knowledge-management",{"id":282,"title":283,"slug":284},35,"Feedback","feedback",{"id":238,"title":239,"slug":240},{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":39,"height":247,"image_alt":292,"published_at":293,"kind":43,"patterns":294,"component_categories":317,"app":325},"edc81d5d-dd39-46f3-9e3b-423919ca11a9","Twin - Automate anything","Dashboard start screen with a modal announcing new features like webhook triggers and deep research capabilities.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedc81d5d-dd39-46f3-9e3b-423919ca11a9.png","Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[295,300,302,307,315],{"id":296,"label":297,"slug":298,"rank":49,"group":299},26,"AI Agent","ai-agent",{"id":115,"label":116,"slug":117},{"id":127,"label":128,"slug":129,"rank":58,"group":301},{"id":115,"label":116,"slug":117},{"id":303,"label":304,"slug":305,"rank":123,"group":306},34,"AI Summary","ai-summary",{"id":115,"label":116,"slug":117},{"id":308,"label":309,"slug":310,"rank":115,"group":311},41,"Dashboard","dashboard",{"id":312,"label":313,"slug":314},4,"Data & Analysis","data-and-analysis",{"id":46,"label":47,"slug":48,"rank":312,"group":316},{"id":51,"label":52,"slug":53},[318,322,323,324],{"id":319,"title":320,"slug":321},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":326,"title":327,"logo":328,"baseline":329,"categories":330},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[331,332],{"id":141,"title":142,"slug":143},{"id":333,"title":334,"slug":335},105,"Workflow Automation","workflow-automation",{"uuid":337,"title":338,"description":339,"canonical_path":340,"image":341,"width":39,"height":247,"image_alt":342,"published_at":343,"kind":43,"patterns":344,"component_categories":359,"app":362},"df47528f-85e9-43ce-995a-b55a1edf465d","Companies | US Based Companies - Attio","List view of companies with an overlay modal where the user can invite new members by email, assign them a role, and optionally add them to a team.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf47528f-85e9-43ce-995a-b55a1edf465d.png","Companies | US Based Companies - Attio from Attio","2025-11-17T19:51:50.000Z",[345,350,354],{"id":346,"label":347,"slug":348,"rank":49,"group":349},133,"Invite Teammates","invite-teammates",{"id":123,"label":124,"slug":125},{"id":238,"label":351,"slug":352,"rank":58,"group":353},"Team Management","team-management",{"id":60,"label":61,"slug":62},{"id":355,"label":356,"slug":357,"rank":123,"group":358},100,"Roles & Permissions","roles-and-permissions",{"id":60,"label":61,"slug":62},[360,361],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":363,"title":364,"logo":365,"baseline":366,"categories":367},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[368,369],{"id":149,"title":150,"slug":151},{"id":141,"title":142,"slug":143},{"uuid":371,"title":372,"description":373,"canonical_path":374,"image":375,"width":39,"height":247,"image_alt":376,"published_at":377,"kind":43,"patterns":378,"component_categories":393,"app":406},"4cf71ecf-2351-4070-98fe-ba0398e888c1","Request | UserJot","Detail page where the user views a feature request, reads the description, and participates in a comment thread.","\u002Fexamples\u002Fapps\u002Fuserjot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cf71ecf-2351-4070-98fe-ba0398e888c1.png","Request | UserJot from UserJot","2025-10-06T13:36:45.000Z",[379,386],{"id":380,"label":381,"slug":382,"rank":49,"group":383},106,"Comments","comments",{"id":119,"label":384,"slug":385},"Social & Collaboration","social-and-collaboration",{"id":387,"label":388,"slug":389,"rank":58,"group":390},83,"Post Detail","post-detail",{"id":230,"label":391,"slug":392},"Pages & Content","pages-and-content",[394,398,402,403,404,405],{"id":395,"title":396,"slug":397},277,"Button group","button-group",{"id":399,"title":400,"slug":401},214,"Popover","popover",{"id":319,"title":320,"slug":321},{"id":77,"title":78,"slug":79},{"id":73,"title":74,"slug":75},{"id":85,"title":86,"slug":87},{"slug":407,"title":408,"logo":409,"baseline":410,"categories":411},"userjot","UserJot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fuserjot-xfelotnz.png","User Feedback, Feature Requests, Roadmaps & Changelog Tool",[412,413],{"id":282,"title":283,"slug":284},{"id":414,"title":415,"slug":416},86,"Product management","product-management",{"uuid":418,"title":419,"description":420,"canonical_path":421,"image":422,"width":39,"height":247,"image_alt":423,"published_at":424,"kind":43,"patterns":425,"component_categories":437,"app":440},"6980a4c7-4b72-4a64-ad80-524f64261998","auth.capsulecrm.com\u002Fregister\u002Fc2e7e368cd39167ee6446cacc18cb036007e6f1562\u002Fverify","Verification screen where the user enters a 4-digit code sent to their email to continue setting up their account.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6980a4c7-4b72-4a64-ad80-524f64261998.png","auth.capsulecrm.com\u002Fregister\u002Fc2e7e368cd39167ee6446cacc18cb036007e6f1562\u002Fverify from Capsule","2025-10-06T13:33:45.000Z",[426,433],{"id":427,"label":428,"slug":429,"rank":49,"group":430},6,"Verification","verification",{"id":58,"label":431,"slug":432},"Access & Account","access-and-account",{"id":58,"label":434,"slug":435,"rank":58,"group":436},"Account Setup","account-setup",{"id":58,"label":431,"slug":432},[438,439],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":441,"title":442,"logo":443,"baseline":444,"categories":445},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[446],{"id":149,"title":150,"slug":151},{"uuid":448,"title":449,"description":450,"canonical_path":451,"image":452,"width":39,"height":247,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":467,"app":470},"a30930fe-3f10-420f-8a06-98b544c9cfc0","Workflow","Kanban board overview where the user manages design tasks across columns like To do, In progress, and Ready for review, with an active filter dropdown for assignees.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa30930fe-3f10-420f-8a06-98b544c9cfc0.png","Workflow from Workflow","2025-09-30T08:25:02.000Z",[456,458,462],{"id":308,"label":309,"slug":310,"rank":49,"group":457},{"id":312,"label":313,"slug":314},{"id":145,"label":459,"slug":460,"rank":58,"group":461},"Table","table",{"id":312,"label":313,"slug":314},{"id":463,"label":464,"slug":465,"rank":123,"group":466},13,"Filter & Sort","filter-and-sort",{"id":123,"label":124,"slug":125},[468,469],{"id":265,"title":266,"slug":267},{"id":85,"title":86,"slug":87},{"slug":471,"title":449,"logo":472,"baseline":473,"categories":474},"workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[475,476,477],{"id":230,"title":231,"slug":232},{"id":95,"title":96,"slug":97},{"id":282,"title":283,"slug":284},{"uuid":479,"title":480,"description":481,"canonical_path":482,"image":483,"width":39,"height":247,"image_alt":484,"published_at":485,"kind":43,"patterns":486,"component_categories":498,"app":501},"d2ce2f40-886d-4821-8ec7-466a07b3ba33","What is Design Engineering?","Search page where the user filters recent document updates by channel using a dropdown menu.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2ce2f40-886d-4821-8ec7-466a07b3ba33.png","What is Design Engineering? from Slite","2025-09-22T15:17:02.000Z",[487,491,493],{"id":278,"label":488,"slug":489,"rank":49,"group":490},"Search","search",{"id":123,"label":124,"slug":125},{"id":463,"label":464,"slug":465,"rank":58,"group":492},{"id":123,"label":124,"slug":125},{"id":494,"label":495,"slug":496,"rank":123,"group":497},79,"Browse","browse",{"id":230,"label":391,"slug":392},[499,500],{"id":69,"title":70,"slug":71},{"id":85,"title":86,"slug":87},{"slug":502,"title":503,"logo":504,"baseline":505,"categories":506},"slite","Slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[507,508,509],{"id":278,"title":279,"slug":280},{"id":95,"title":96,"slug":97},{"id":141,"title":142,"slug":143},{"uuid":511,"title":512,"description":513,"canonical_path":514,"image":515,"width":39,"height":247,"image_alt":516,"published_at":517,"kind":43,"patterns":518,"component_categories":528,"app":532},"d29acd69-9318-4e6e-9036-169deee2a39d","Wynde","Form builder where the user selects a new block type like Question, Scale, or Choice to add to their user research test.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd29acd69-9318-4e6e-9036-169deee2a39d.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[519,524,526],{"id":520,"label":521,"slug":522,"rank":49,"group":523},42,"Form","form",{"id":312,"label":313,"slug":314},{"id":119,"label":120,"slug":121,"rank":58,"group":525},{"id":123,"label":124,"slug":125},{"id":494,"label":495,"slug":496,"rank":123,"group":527},{"id":230,"label":391,"slug":392},[529,530,531],{"id":77,"title":78,"slug":79},{"id":265,"title":266,"slug":267},{"id":85,"title":86,"slug":87},{"slug":533,"title":512,"logo":534,"baseline":535,"categories":536},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[537,538],{"id":230,"title":231,"slug":232},{"id":238,"title":239,"slug":240},[],[541,543,545,547,549,551,553,555,557,559,561,563,565,568,571,574,577,580,583,586,589,592,595,598],{"label":120,"to":542,"count":115},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":47,"to":544,"count":115},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":212,"to":546,"count":123},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":128,"to":548,"count":123},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":495,"to":550,"count":123},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":217,"to":552,"count":123},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":309,"to":554,"count":123},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":464,"to":556,"count":123},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":434,"to":558,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":297,"to":560,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":112,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":304,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-summary",{"label":566,"to":567},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":569,"to":570},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":572,"to":573},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":575,"to":576},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":578,"to":579},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":581,"to":582},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":584,"to":585},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":587,"to":588},"UserJot design examples","\u002Fexamples\u002Fapps\u002Fuserjot",{"label":590,"to":591},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":593,"to":594},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":596,"to":597},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":599,"to":600},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"published_at":602,"updated_at":603},"2024-12-12T15:23:08.000Z","2026-09-05T20:20:29.223Z"]