[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ffull-screen-modal":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":549,"links":550,"dates":611},"\u002Fexamples\u002Ftags\u002Ffull-screen-modal","collection","screens",true,{"example_count":9,"app_count":10},699,176,{"id":12,"title":13,"description":14},62749,"Full screen modal","",{"title":16,"description":17,"og_image":18},"Full screen modal screen examples - Nicelydone","Full screen modal screen design examples from SaaS apps. Browse examples from Dock, Lovable, Navattic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F992242da-43ec-411a-8e4d-1a97b94ebce6.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Full screen modal screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"699 screens",[34,98,132,182,221,255,294,342,378,434,465,498],{"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":68,"app":85},"992242da-43ec-411a-8e4d-1a97b94ebce6","Spaces · Dock","Workspace creation wizard where the user selects an account from a searchable list to apply to a chosen sales room template.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Spaces · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},7,"Add & Create","add-and-create",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},23,"Select","select",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":51,"group":64},86,"Templates","templates",{"id":65,"label":66,"slug":67},8,"Pages & Content","pages-and-content",[69,73,77,81],{"id":70,"title":71,"slug":72},227,"Stepper","stepper",{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":86,"title":87,"logo":88,"baseline":89,"categories":90},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[91,94],{"id":55,"title":92,"slug":93},"Collaboration","collaboration",{"id":95,"title":96,"slug":97},29,"Task Management","task-management",{"uuid":99,"title":100,"description":101,"canonical_path":102,"image":103,"width":39,"height":40,"image_alt":104,"published_at":105,"kind":43,"patterns":106,"component_categories":109,"app":115},"15aee623-0202-4ef7-8d7a-530420c0daea","Home | Lovable","Creation modal where the user names a new workspace and proceeds to plan selection.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15aee623-0202-4ef7-8d7a-530420c0daea.png","Home | Lovable from Lovable","2026-05-18T10:58:24.000Z",[107],{"id":46,"label":47,"slug":48,"rank":49,"group":108},{"id":51,"label":52,"slug":53},[110,114],{"id":111,"title":112,"slug":113},284,"Modal","modal",{"id":82,"title":83,"slug":84},{"slug":116,"title":117,"logo":118,"baseline":119,"categories":120},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[121,125,128],{"id":122,"title":123,"slug":124},80,"Artificial Intelligence","artificial-intelligence",{"id":46,"title":126,"slug":127},"Web Development","web-development",{"id":129,"title":130,"slug":131},96,"No code","no-code",{"uuid":133,"title":134,"description":135,"canonical_path":136,"image":137,"width":39,"height":40,"image_alt":138,"published_at":139,"kind":43,"patterns":140,"component_categories":159,"app":166},"579f71de-de88-4a32-8c43-2db6eff644d1","Product Demos · nicelydone3","Detail page where the user views an interactive demo inside a large modal overlay, currently displaying an empty canvas with a prompt to learn about captures.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F579f71de-de88-4a32-8c43-2db6eff644d1.png","Product Demos · nicelydone3 from Navattic","2026-05-05T10:32:31.000Z",[141,149,154],{"id":142,"label":143,"slug":144,"rank":49,"group":145},115,"Empty State","empty-state",{"id":146,"label":147,"slug":148},12,"States & Feedback","states-and-feedback",{"id":150,"label":151,"slug":152,"rank":58,"group":153},82,"Media Detail","media-detail",{"id":65,"label":66,"slug":67},{"id":155,"label":156,"slug":157,"rank":51,"group":158},114,"Confirmation","confirmation",{"id":146,"label":147,"slug":148},[160,161,165],{"id":111,"title":112,"slug":113},{"id":162,"title":163,"slug":164},260,"Badge","badge",{"id":82,"title":83,"slug":84},{"slug":167,"title":168,"logo":169,"baseline":170,"categories":171},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[172,176,177,178],{"id":173,"title":174,"slug":175},25,"Marketing","marketing",{"id":122,"title":123,"slug":124},{"id":129,"title":130,"slug":131},{"id":179,"title":180,"slug":181},103,"Demo Automation","demo-automation",{"uuid":183,"title":184,"description":185,"canonical_path":186,"image":187,"width":188,"height":189,"image_alt":190,"published_at":191,"kind":43,"patterns":192,"component_categories":202,"app":206},"71cefd65-644e-4e0f-8bd0-b76c83368e3d","Segments | Mailchimp","Creation wizard step where the user reviews a new audience segment based on tags, currently showing zero matching contacts.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71cefd65-644e-4e0f-8bd0-b76c83368e3d.png",2880,1670,"Segments | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[193,198,200],{"id":194,"label":195,"slug":196,"rank":49,"group":197},13,"Filter & Sort","filter-and-sort",{"id":51,"label":52,"slug":53},{"id":142,"label":143,"slug":144,"rank":58,"group":199},{"id":146,"label":147,"slug":148},{"id":155,"label":156,"slug":157,"rank":51,"group":201},{"id":146,"label":147,"slug":148},[203,204,205],{"id":74,"title":75,"slug":76},{"id":111,"title":112,"slug":113},{"id":82,"title":83,"slug":84},{"slug":207,"title":208,"logo":209,"baseline":210,"categories":211},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[212,213,217],{"id":173,"title":174,"slug":175},{"id":214,"title":215,"slug":216},27,"Email Newsletters","email-newsletters",{"id":218,"title":219,"slug":220},68,"SMS","sms",{"uuid":222,"title":223,"description":224,"canonical_path":225,"image":226,"width":39,"height":227,"image_alt":228,"published_at":229,"kind":43,"patterns":230,"component_categories":233,"app":235},"00822dc6-6c1d-47cd-acce-8a3d8e72956a","Switch workspace | Bird","Full-screen overlay where the user selects an organization and workspace to switch their current context, or opts to create a new organization.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F00822dc6-6c1d-47cd-acce-8a3d8e72956a.png",1780,"Switch workspace | Bird from Bird","2026-03-30T13:53:59.000Z",[231],{"id":55,"label":56,"slug":57,"rank":49,"group":232},{"id":51,"label":52,"slug":53},[234],{"id":82,"title":83,"slug":84},{"slug":236,"title":237,"logo":238,"baseline":239,"categories":240},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[241,242,246,250,251],{"id":173,"title":174,"slug":175},{"id":243,"title":244,"slug":245},37,"Developer APIs","developer-apis",{"id":247,"title":248,"slug":249},53,"CRM","crm",{"id":218,"title":219,"slug":220},{"id":252,"title":253,"slug":254},92,"Email","email",{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":39,"height":227,"image_alt":261,"published_at":262,"kind":43,"patterns":263,"component_categories":283,"app":286},"cb598451-8293-490f-b17b-dff2ab0e071c","Durable","Detail page where the user views an AI-generated image, reads the prompt that created it, and can download the result or provide feedback.","\u002Fexamples\u002Fapps\u002Fdurable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb598451-8293-490f-b17b-dff2ab0e071c.png","Durable from Durable","2026-01-20T13:00:10.000Z",[264,266,274,278],{"id":150,"label":151,"slug":152,"rank":49,"group":265},{"id":65,"label":66,"slug":67},{"id":267,"label":268,"slug":269,"rank":58,"group":270},30,"AI Generation","ai-generation",{"id":271,"label":272,"slug":273},3,"AI","ai",{"id":173,"label":275,"slug":276,"rank":51,"group":277},"Upload & Download","upload-and-download",{"id":51,"label":52,"slug":53},{"id":279,"label":280,"slug":281,"rank":271,"group":282},117,"Feedback","feedback",{"id":146,"label":147,"slug":148},[284,285],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":287,"title":257,"logo":288,"baseline":289,"categories":290},"durable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb551d9ca-2d64-4ca4-9738-73cb15d9e486.png","AI that builds a business for you",[291,292,293],{"id":46,"title":126,"slug":127},{"id":122,"title":123,"slug":124},{"id":129,"title":130,"slug":131},{"uuid":295,"title":296,"description":297,"canonical_path":298,"image":299,"width":39,"height":227,"image_alt":300,"published_at":301,"kind":43,"patterns":302,"component_categories":320,"app":326},"f15b337d-97cb-4439-930a-60f07cd32b2f","Typeform - Checkout","Full-screen settings modal where the user reviews their saved billing address and payment method, with options to edit each section.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff15b337d-97cb-4439-930a-60f07cd32b2f.png","Typeform - Checkout from Typeform","2025-12-08T14:20:46.000Z",[303,311,318],{"id":304,"label":305,"slug":306,"rank":49,"group":307},131,"Payment Form","payment-form",{"id":308,"label":309,"slug":310},14,"Payments & Checkout","payments-and-checkout",{"id":129,"label":312,"slug":313,"rank":58,"group":314},"Billing Settings","billing-settings",{"id":315,"label":316,"slug":317},10,"Settings & Admin","settings-and-admin",{"id":155,"label":156,"slug":157,"rank":51,"group":319},{"id":146,"label":147,"slug":148},[321,322,323,324,325],{"id":70,"title":71,"slug":72},{"id":111,"title":112,"slug":113},{"id":78,"title":79,"slug":80},{"id":162,"title":163,"slug":164},{"id":82,"title":83,"slug":84},{"slug":327,"title":328,"logo":329,"baseline":330,"categories":331},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[332,336,337,338],{"id":333,"title":334,"slug":335},69,"Surveys","surveys",{"id":173,"title":174,"slug":175},{"id":129,"title":130,"slug":131},{"id":339,"title":340,"slug":341},104,"User Research","user-research",{"uuid":343,"title":344,"description":345,"canonical_path":346,"image":347,"width":39,"height":227,"image_alt":348,"published_at":349,"kind":43,"patterns":350,"component_categories":364,"app":367},"d4c7c235-7db5-4027-91f4-f8c8a55e34a5","MyKinsta","Creation form where the user enters credit card and billing details to set up a new company profile.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4c7c235-7db5-4027-91f4-f8c8a55e34a5.png","MyKinsta from Kinsta","2025-11-03T21:16:47.000Z",[351,356,358],{"id":352,"label":353,"slug":354,"rank":49,"group":355},130,"Checkout","checkout",{"id":308,"label":309,"slug":310},{"id":304,"label":305,"slug":306,"rank":58,"group":357},{"id":308,"label":309,"slug":310},{"id":58,"label":359,"slug":360,"rank":51,"group":361},"Account Setup","account-setup",{"id":58,"label":362,"slug":363},"Access & Account","access-and-account",[365,366],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":368,"title":369,"logo":370,"baseline":371,"categories":372},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[373,374],{"id":46,"title":126,"slug":127},{"id":375,"title":376,"slug":377},48,"Developer Tools","developer-tools",{"uuid":379,"title":380,"description":381,"canonical_path":382,"image":383,"width":39,"height":227,"image_alt":384,"published_at":385,"kind":43,"patterns":386,"component_categories":408,"app":412},"4772f7b5-fe09-4fac-9264-156b35439d82","TravelPerk","Full-screen overlay where the user assigns an approval process to selected people, showing a disabled save button because no processes are available to select.","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4772f7b5-fe09-4fac-9264-156b35439d82.png","TravelPerk from Travelperk","2025-10-20T12:53:48.000Z",[387,394,399,404],{"id":388,"label":389,"slug":390,"rank":49,"group":391},123,"Approval Flow","approval-flow",{"id":194,"label":392,"slug":393},"Workflow & Automation","workflow-and-automation",{"id":395,"label":396,"slug":397,"rank":58,"group":398},126,"Bulk Actions","bulk-actions",{"id":194,"label":392,"slug":393},{"id":400,"label":401,"slug":402,"rank":51,"group":403},11,"Edit","edit",{"id":51,"label":52,"slug":53},{"id":339,"label":405,"slug":406,"rank":271,"group":407},"Team Management","team-management",{"id":315,"label":316,"slug":317},[409,410,411],{"id":162,"title":163,"slug":164},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":413,"title":414,"logo":415,"baseline":416,"categories":417},"travelperk","Travelperk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","Travel for work made simpler and smarter",[418,422,426,430],{"id":419,"title":420,"slug":421},5,"Travel","travel",{"id":423,"title":424,"slug":425},26,"Events","events",{"id":427,"title":428,"slug":429},36,"Finance","finance",{"id":431,"title":432,"slug":433},56,"Accounting","accounting",{"uuid":435,"title":436,"description":437,"canonical_path":438,"image":439,"width":39,"height":227,"image_alt":440,"published_at":441,"kind":43,"patterns":442,"component_categories":452,"app":454},"82adfafb-7031-43c2-9089-a58ee4d68e20","Cake.","Creation wizard step where the user reads a legal disclaimer before starting a new equity raise.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82adfafb-7031-43c2-9089-a58ee4d68e20.png","Cake. from Cake","2025-10-20T12:38:07.000Z",[443,450],{"id":444,"label":445,"slug":446,"rank":49,"group":447},75,"Setup Wizard","setup-wizard",{"id":46,"label":448,"slug":449},"Onboarding & Education","onboarding-and-education",{"id":155,"label":156,"slug":157,"rank":58,"group":451},{"id":146,"label":147,"slug":148},[453],{"id":82,"title":83,"slug":84},{"slug":455,"title":456,"logo":457,"baseline":458,"categories":459},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[460,461],{"id":427,"title":428,"slug":429},{"id":462,"title":463,"slug":464},63,"Startups","startups",{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":39,"height":227,"image_alt":471,"published_at":472,"kind":43,"patterns":473,"component_categories":479,"app":487},"d157a005-6b38-4ca2-9514-c06bb8124a78","Domain Settings | UserJot","Settings page where the user configures a custom domain for their workspace, currently showing a success confirmation toast.","\u002Fexamples\u002Fapps\u002Fuserjot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd157a005-6b38-4ca2-9514-c06bb8124a78.png","Domain Settings | UserJot from UserJot","2025-10-06T13:36:45.000Z",[474],{"id":475,"label":476,"slug":477,"rank":49,"group":478},102,"Settings","settings",{"id":315,"label":316,"slug":317},[480,484,485,486],{"id":481,"title":482,"slug":483},233,"Tabs","tabs",{"id":74,"title":75,"slug":76},{"id":162,"title":163,"slug":164},{"id":82,"title":83,"slug":84},{"slug":488,"title":489,"logo":490,"baseline":491,"categories":492},"userjot","UserJot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fuserjot-xfelotnz.png","User Feedback, Feature Requests, Roadmaps & Changelog Tool",[493,495],{"id":494,"title":280,"slug":281},35,{"id":61,"title":496,"slug":497},"Product management","product-management",{"uuid":499,"title":500,"description":501,"canonical_path":502,"image":503,"width":39,"height":227,"image_alt":504,"published_at":505,"kind":43,"patterns":506,"component_categories":529,"app":537},"0db90164-1d1a-40c9-b0ed-12cd399d1dc1","Nicelydone · Glide","Design editor settings view where the user configures data sync modes and exports app data for a mobile application.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0db90164-1d1a-40c9-b0ed-12cd399d1dc1.png","Nicelydone · Glide from Glide","2025-09-15T14:48:54.000Z",[507,509,514,522],{"id":475,"label":476,"slug":477,"rank":49,"group":508},{"id":315,"label":316,"slug":317},{"id":510,"label":511,"slug":512,"rank":58,"group":513},15,"Import & Export","import-and-export",{"id":51,"label":52,"slug":53},{"id":515,"label":516,"slug":517,"rank":51,"group":518},47,"Table","table",{"id":519,"label":520,"slug":521},4,"Data & Analysis","data-and-analysis",{"id":252,"label":523,"slug":524,"rank":271,"group":525},"Upgrade Prompt","upgrade-prompt",{"id":526,"label":527,"slug":528},9,"Plans & Limits","plans-and-limits",[530,534,535,536],{"id":531,"title":532,"slug":533},240,"Horizontal navigation","horizontal-navigation",{"id":481,"title":482,"slug":483},{"id":162,"title":163,"slug":164},{"id":82,"title":83,"slug":84},{"slug":538,"title":539,"logo":540,"baseline":541,"categories":542},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[543,544,548],{"id":46,"title":126,"slug":127},{"id":545,"title":546,"slug":547},54,"Mobile","mobile",{"id":129,"title":130,"slug":131},[],[551,553,555,557,559,561,563,565,567,569,571,573,575,578,581,584,587,590,593,596,599,602,605,608],{"label":156,"to":552,"count":519},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":47,"to":554,"count":51},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":143,"to":556,"count":51},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":151,"to":558,"count":51},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":305,"to":560,"count":51},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":56,"to":562,"count":51},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":476,"to":564,"count":51},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":359,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":268,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":389,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Fapproval-flow",{"label":312,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":396,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Fbulk-actions",{"label":576,"to":577},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":579,"to":580},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":582,"to":583},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":585,"to":586},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":588,"to":589},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":591,"to":592},"Durable design examples","\u002Fexamples\u002Fapps\u002Fdurable",{"label":594,"to":595},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":597,"to":598},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":600,"to":601},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":603,"to":604},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":606,"to":607},"UserJot design examples","\u002Fexamples\u002Fapps\u002Fuserjot",{"label":609,"to":610},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"published_at":612,"updated_at":613},"2024-12-28T11:26:07.000Z","2026-09-05T20:19:52.565Z"]