[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fmodern":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\u002Fmodern","collection","screens",true,{"example_count":9,"app_count":10},13233,350,{"id":12,"title":13,"description":14},104,"Modern","",{"title":16,"description":17,"og_image":18},"Modern screen examples - Nicelydone","Modern screen design examples from SaaS apps. Browse examples from Dock, Beside, Exa.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F988cb9c9-c067-4f47-b59a-f9002c8135ce.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Modern screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"13233 screens",[34,88,128,184,228,266,306,346,370,414,453,497],{"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":66,"app":75},"988cb9c9-c067-4f47-b59a-f9002c8135ce","Spaces · Dock","AI chat drawer where the user interacts with a workspace agent to rewrite documents and plan deal room content.","\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},28,"AI Chat","ai-chat",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},27,"AI Assistant","ai-assistant",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},29,"AI Editing","ai-editing",2,{"id":51,"label":52,"slug":53},[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[81,85],{"id":82,"title":83,"slug":84},23,"Collaboration","collaboration",{"id":61,"title":86,"slug":87},"Task Management","task-management",{"uuid":89,"title":90,"description":91,"canonical_path":92,"image":93,"width":39,"height":40,"image_alt":94,"published_at":95,"kind":43,"patterns":96,"component_categories":104,"app":106},"40a4be40-ae04-44f3-9191-e81c085fb3e6","Sign In - Beside","Sign-in screen where the user authenticates with Google, Apple, email, or phone.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40a4be40-ae04-44f3-9191-e81c085fb3e6.png","Sign In - Beside from Beside","2026-06-29T18:30:01.000Z",[97],{"id":98,"label":99,"slug":100,"rank":49,"group":101},4,"Sign In","sign-in",{"id":58,"label":102,"slug":103},"Access & Account","access-and-account",[105],{"id":72,"title":73,"slug":74},{"slug":107,"title":108,"logo":109,"baseline":110,"categories":111},"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",[112,116,120,124],{"id":113,"title":114,"slug":115},80,"Artificial Intelligence","artificial-intelligence",{"id":117,"title":118,"slug":119},47,"Customer Service","customer-service",{"id":121,"title":122,"slug":123},53,"CRM","crm",{"id":125,"title":126,"slug":127},82,"Communication","communication",{"uuid":129,"title":130,"description":131,"canonical_path":132,"image":133,"width":39,"height":40,"image_alt":134,"published_at":135,"kind":43,"patterns":136,"component_categories":158,"app":169},"a86570fe-6be4-40a4-9fe6-dd00108d8655","Exa Websets | People Search & B2B Lead Generation","Billing settings page where the user monitors their free plan credit balance and compares paid subscription tiers to upgrade.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa86570fe-6be4-40a4-9fe6-dd00108d8655.png","Exa Websets | People Search & B2B Lead Generation from Exa","2026-06-23T14:19:28.000Z",[137,145,150],{"id":138,"label":139,"slug":140,"rank":49,"group":141},89,"Pricing","pricing",{"id":142,"label":143,"slug":144},9,"Plans & Limits","plans-and-limits",{"id":146,"label":147,"slug":148,"rank":58,"group":149},93,"Usage Limit","usage-limit",{"id":142,"label":143,"slug":144},{"id":151,"label":152,"slug":153,"rank":64,"group":154},96,"Billing Settings","billing-settings",{"id":155,"label":156,"slug":157},10,"Settings & Admin","settings-and-admin",[159,163,167,168],{"id":160,"title":161,"slug":162},169,"Avatar","avatar",{"id":164,"title":165,"slug":166},260,"Badge","badge",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":170,"title":171,"logo":172,"baseline":173,"categories":174},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[175,179,180],{"id":176,"title":177,"slug":178},55,"Search engine","search-engine",{"id":113,"title":114,"slug":115},{"id":181,"title":182,"slug":183},37,"Developer APIs","developer-apis",{"uuid":185,"title":186,"description":187,"canonical_path":188,"image":189,"width":39,"height":40,"image_alt":190,"published_at":191,"kind":43,"patterns":192,"component_categories":203,"app":210},"475c7d51-914a-4c61-9b89-8b7afaafb579","Town","Settings modal where the user configures notification preferences for away time, approval requests, chats, tasks, and agent-to-agent interactions.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F475c7d51-914a-4c61-9b89-8b7afaafb579.png","Town from Town","2026-06-16T15:01:01.000Z",[193,198],{"id":194,"label":195,"slug":196,"rank":49,"group":197},99,"Notification Settings","notification-settings",{"id":155,"label":156,"slug":157},{"id":199,"label":200,"slug":201,"rank":58,"group":202},102,"Settings","settings",{"id":155,"label":156,"slug":157},[204,208,209],{"id":205,"title":206,"slug":207},284,"Modal","modal",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":211,"title":186,"logo":212,"baseline":213,"categories":214},"town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[215,216,220,224],{"id":113,"title":114,"slug":115},{"id":217,"title":218,"slug":219},30,"Productivity","productivity",{"id":221,"title":222,"slug":223},92,"Email","email",{"id":225,"title":226,"slug":227},101,"Calendar","calendar",{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":39,"height":40,"image_alt":234,"published_at":235,"kind":43,"patterns":236,"component_categories":246,"app":254},"46681525-e2a0-47af-a88e-86221125e445","FLORA — Your Creative Environment","Signup screen overlaying a marketing page where the user can create an account using Google or Microsoft SSO.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46681525-e2a0-47af-a88e-86221125e445.png","FLORA — Your Creative Environment from Flora","2026-05-26T09:34:20.000Z",[237,242],{"id":238,"label":239,"slug":240,"rank":49,"group":241},5,"Sign Up","sign-up",{"id":58,"label":102,"slug":103},{"id":58,"label":243,"slug":244,"rank":58,"group":245},"Account Setup","account-setup",{"id":58,"label":102,"slug":103},[247,251,252,253],{"id":248,"title":249,"slug":250},240,"Horizontal navigation","horizontal-navigation",{"id":205,"title":206,"slug":207},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":255,"title":256,"logo":257,"baseline":258,"categories":259},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[260,261,265],{"id":113,"title":114,"slug":115},{"id":262,"title":263,"slug":264},8,"Design","design",{"id":82,"title":83,"slug":84},{"uuid":267,"title":268,"description":269,"canonical_path":270,"image":271,"width":39,"height":40,"image_alt":272,"published_at":273,"kind":43,"patterns":274,"component_categories":284,"app":291},"e2cd9797-a561-4fc9-b5d6-ec63ba23aa6a","Assembly Dashboard – Nicelydone Club","Settings page where the user selects a subscription plan between Starter, Professional, and Advanced tiers to continue using their portal.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe2cd9797-a561-4fc9-b5d6-ec63ba23aa6a.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[275,277,279],{"id":138,"label":139,"slug":140,"rank":49,"group":276},{"id":142,"label":143,"slug":144},{"id":151,"label":152,"slug":153,"rank":58,"group":278},{"id":155,"label":156,"slug":157},{"id":280,"label":281,"slug":282,"rank":64,"group":283},91,"Trial","trial",{"id":142,"label":143,"slug":144},[285,289,290],{"id":286,"title":287,"slug":288},233,"Tabs","tabs",{"id":164,"title":165,"slug":166},{"id":72,"title":73,"slug":74},{"slug":292,"title":293,"logo":294,"baseline":295,"categories":296},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[297,298,302,303],{"id":121,"title":122,"slug":123},{"id":299,"title":300,"slug":301},90,"Business","business",{"id":113,"title":114,"slug":115},{"id":151,"title":304,"slug":305},"No code","no-code",{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":39,"height":40,"image_alt":312,"published_at":313,"kind":43,"patterns":314,"component_categories":331,"app":334},"f4f114d8-ab9a-4c31-9c30-825fb00b3705","Home | Lovable","Dashboard overlay where the user is notified of a failed workspace payment and prompted to retry the transaction.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4f114d8-ab9a-4c31-9c30-825fb00b3705.png","Home | Lovable from Lovable","2026-05-18T10:58:24.000Z",[315,323],{"id":316,"label":317,"slug":318,"rank":49,"group":319},116,"Error","error",{"id":320,"label":321,"slug":322},12,"States & Feedback","states-and-feedback",{"id":324,"label":325,"slug":326,"rank":58,"group":327},130,"Checkout","checkout",{"id":328,"label":329,"slug":330},14,"Payments & Checkout","payments-and-checkout",[332,333],{"id":205,"title":206,"slug":207},{"id":72,"title":73,"slug":74},{"slug":335,"title":336,"logo":337,"baseline":338,"categories":339},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[340,341,345],{"id":113,"title":114,"slug":115},{"id":342,"title":343,"slug":344},7,"Web Development","web-development",{"id":151,"title":304,"slug":305},{"uuid":347,"title":348,"description":349,"canonical_path":350,"image":351,"width":39,"height":40,"image_alt":352,"published_at":353,"kind":43,"patterns":354,"component_categories":357,"app":360},"daa43952-0d7c-4870-bc53-4fa2b7d08a20","Login | Amie","Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdaa43952-0d7c-4870-bc53-4fa2b7d08a20.png","Login | Amie from Amie","2026-05-18T09:02:08.000Z",[355],{"id":98,"label":99,"slug":100,"rank":49,"group":356},{"id":58,"label":102,"slug":103},[358,359],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":361,"title":362,"logo":363,"baseline":364,"categories":365},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[366,367,368,369],{"id":225,"title":226,"slug":227},{"id":61,"title":86,"slug":87},{"id":217,"title":218,"slug":219},{"id":113,"title":114,"slug":115},{"uuid":371,"title":372,"description":373,"canonical_path":374,"image":375,"width":39,"height":376,"image_alt":377,"published_at":378,"kind":43,"patterns":379,"component_categories":401,"app":406},"ed00786a-2283-4aec-af2f-ffeb6bffc903","Agents | ElevenLabs","Create page where the user browses voice AI agent templates by category and previews their conversational workflow before starting.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed00786a-2283-4aec-af2f-ffeb6bffc903.png",1714,"Agents | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[380,385,392,399],{"id":381,"label":382,"slug":383,"rank":49,"group":384},26,"AI Agent","ai-agent",{"id":51,"label":52,"slug":53},{"id":386,"label":387,"slug":388,"rank":58,"group":389},79,"Browse","browse",{"id":262,"label":390,"slug":391},"Pages & Content","pages-and-content",{"id":393,"label":394,"slug":395,"rank":64,"group":396},13,"Filter & Sort","filter-and-sort",{"id":64,"label":397,"slug":398},"Actions","actions",{"id":46,"label":47,"slug":48,"rank":51,"group":400},{"id":51,"label":52,"slug":53},[402,403,404,405],{"id":286,"title":287,"slug":288},{"id":68,"title":69,"slug":70},{"id":164,"title":165,"slug":166},{"id":72,"title":73,"slug":74},{"slug":407,"title":408,"logo":409,"baseline":410,"categories":411},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[412,413],{"id":113,"title":114,"slug":115},{"id":181,"title":182,"slug":183},{"uuid":415,"title":416,"description":417,"canonical_path":418,"image":419,"width":39,"height":40,"image_alt":420,"published_at":421,"kind":43,"patterns":422,"component_categories":442,"app":446},"1817150f-6baa-4413-83aa-853d0facf08b","Shimmer","Agent trace interface where the user monitors an AI completing file creation and shell tasks, alongside a code editor showing the modified go.mod file and a live terminal.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1817150f-6baa-4413-83aa-853d0facf08b.png","Shimmer from Poolside","2026-05-11T09:49:06.000Z",[423,425,431,438,440],{"id":381,"label":382,"slug":383,"rank":49,"group":424},{"id":51,"label":52,"slug":53},{"id":121,"label":426,"slug":427,"rank":58,"group":428},"Code Editor","code-editor",{"id":238,"label":429,"slug":430},"Media & Tools","media-and-tools",{"id":432,"label":433,"slug":434,"rank":64,"group":435},38,"Activity Log","activity-log",{"id":98,"label":436,"slug":437},"Data & Analysis","data-and-analysis",{"id":61,"label":62,"slug":63,"rank":51,"group":439},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":98,"group":441},{"id":51,"label":52,"slug":53},[443,444,445],{"id":286,"title":287,"slug":288},{"id":164,"title":165,"slug":166},{"id":72,"title":73,"slug":74},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[452],{"id":113,"title":114,"slug":115},{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":40,"image_alt":459,"published_at":460,"kind":43,"patterns":461,"component_categories":470,"app":481},"f46fdef2-e56e-4c56-995e-9a5e05a3ba2e","Product Demos · nicelydone3","List view where the user manages product demos, currently showing a skeleton loading state for the data table alongside search and filter controls.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff46fdef2-e56e-4c56-995e-9a5e05a3ba2e.png","Product Demos · nicelydone3 from Navattic","2026-05-05T10:32:31.000Z",[462,464,466],{"id":386,"label":387,"slug":388,"rank":49,"group":463},{"id":262,"label":390,"slug":391},{"id":393,"label":394,"slug":395,"rank":58,"group":465},{"id":64,"label":397,"slug":398},{"id":342,"label":467,"slug":468,"rank":64,"group":469},"Add & Create","add-and-create",{"id":64,"label":397,"slug":398},[471,475,479,480],{"id":472,"title":473,"slug":474},226,"Skeleton","skeleton",{"id":476,"title":477,"slug":478},177,"Breadcrumb","breadcrumb",{"id":164,"title":165,"slug":166},{"id":72,"title":73,"slug":74},{"slug":482,"title":483,"logo":484,"baseline":485,"categories":486},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[487,491,492,493],{"id":488,"title":489,"slug":490},25,"Marketing","marketing",{"id":113,"title":114,"slug":115},{"id":151,"title":304,"slug":305},{"id":494,"title":495,"slug":496},103,"Demo Automation","demo-automation",{"uuid":498,"title":499,"description":500,"canonical_path":501,"image":502,"width":503,"height":504,"image_alt":505,"published_at":506,"kind":43,"patterns":507,"component_categories":519,"app":525},"07351ca8-2536-4b56-aa36-354c1b991184","Audience fields and merge tags | Mailchimp","Settings page where the user manages custom field labels, data types, and merge tags for their audience signup forms.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07351ca8-2536-4b56-aa36-354c1b991184.png",2880,1670,"Audience fields and merge tags | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[508,510,514],{"id":199,"label":200,"slug":201,"rank":49,"group":509},{"id":155,"label":156,"slug":157},{"id":117,"label":511,"slug":512,"rank":58,"group":513},"Table","table",{"id":98,"label":436,"slug":437},{"id":515,"label":516,"slug":517,"rank":64,"group":518},11,"Edit","edit",{"id":64,"label":397,"slug":398},[520,521,522,523,524],{"id":248,"title":249,"slug":250},{"id":160,"title":161,"slug":162},{"id":476,"title":477,"slug":478},{"id":164,"title":165,"slug":166},{"id":72,"title":73,"slug":74},{"slug":526,"title":527,"logo":528,"baseline":529,"categories":530},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[531,532,535],{"id":488,"title":489,"slug":490},{"id":55,"title":533,"slug":534},"Email Newsletters","email-newsletters",{"id":536,"title":537,"slug":538},68,"SMS","sms",[],[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":47,"to":542,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":382,"to":544,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":62,"to":546,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":152,"to":548,"count":64},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":387,"to":550,"count":64},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":394,"to":552,"count":64},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":139,"to":554,"count":64},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":200,"to":556,"count":64},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":99,"to":558,"count":64},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":243,"to":560,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":433,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":467,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":566,"to":567},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":569,"to":570},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":572,"to":573},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":575,"to":576},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":578,"to":579},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":581,"to":582},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":584,"to":585},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":587,"to":588},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":590,"to":591},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":593,"to":594},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":596,"to":597},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":599,"to":600},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"published_at":602,"updated_at":603},"2024-12-11T09:51:49.000Z","2026-09-26T16:00:06.446Z"]