[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fblank-state":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":488,"links":489,"dates":550},"\u002Fexamples\u002Ftags\u002Fblank-state","collection","screens",true,{"example_count":9,"app_count":10},1047,135,{"id":12,"title":13,"description":14},24823,"Blank state","",{"title":16,"description":17,"og_image":18},"Blank state screen examples - Nicelydone","Blank state screen design examples from SaaS apps. Browse examples from Magnific, Voiceflow, Elevenlabs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F239fb6f7-1cd8-4380-9106-89a19e29c15f.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Blank state screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1047 screens",[34,100,130,178,222,252,283,338,363,386,412,460],{"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":69,"app":82},"239fb6f7-1cd8-4380-9106-89a19e29c15f","Pricing plans | Magnific (formerly Freepik)","In-app paywall where a modal overlay has opened but is completely blank, obscuring the subscription pricing tiers behind it.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",3024,1758,"Pricing plans | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},92,"Upgrade Prompt","upgrade-prompt",0,{"id":51,"label":52,"slug":53},9,"Plans & Limits","plans-and-limits",{"id":55,"label":56,"slug":57,"rank":58,"group":59},89,"Pricing","pricing",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},115,"Empty State","empty-state",2,{"id":66,"label":67,"slug":68},12,"States & Feedback","states-and-feedback",[70,74,78],{"id":71,"title":72,"slug":73},284,"Modal","modal",{"id":75,"title":76,"slug":77},169,"Avatar","avatar",{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[88,92,96],{"id":89,"title":90,"slug":91},8,"Design","design",{"id":93,"title":94,"slug":95},15,"Media and Entertainment","media-and-entertainment",{"id":97,"title":98,"slug":99},80,"Artificial Intelligence","artificial-intelligence",{"uuid":101,"title":102,"description":103,"canonical_path":104,"image":105,"width":39,"height":40,"image_alt":106,"published_at":107,"kind":43,"patterns":108,"component_categories":114,"app":115},"d891c1b2-f22d-4d57-b2a7-1a0dd778e6ac","Voiceflow | Creator","Full-screen loading state displaying a spinner while the workspace initializes.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd891c1b2-f22d-4d57-b2a7-1a0dd778e6ac.png","Voiceflow | Creator from Voiceflow","2026-07-07T07:44:33.000Z",[109],{"id":110,"label":111,"slug":112,"rank":49,"group":113},120,"Loading","loading",{"id":66,"label":67,"slug":68},[],{"slug":116,"title":117,"logo":118,"baseline":119,"categories":120},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[121,122,126],{"id":97,"title":98,"slug":99},{"id":123,"title":124,"slug":125},47,"Customer Service","customer-service",{"id":127,"title":128,"slug":129},96,"No code","no-code",{"uuid":131,"title":132,"description":133,"canonical_path":134,"image":135,"width":39,"height":136,"image_alt":137,"published_at":138,"kind":43,"patterns":139,"component_categories":153,"app":167},"1f7500f7-a5b4-44e8-a8d6-1c7d44bf69ba","Knowledge Base | ElevenLabs","Creation modal where the user selects a starting template for a new AI agent, choosing between a blank agent, a personal assistant, or a business agent.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f7500f7-a5b4-44e8-a8d6-1c7d44bf69ba.png",1714,"Knowledge Base | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[140,148],{"id":141,"label":142,"slug":143,"rank":49,"group":144},26,"AI Agent","ai-agent",{"id":145,"label":146,"slug":147},3,"AI","ai",{"id":149,"label":150,"slug":151,"rank":58,"group":152},28,"AI Chat","ai-chat",{"id":145,"label":146,"slug":147},[154,158,162,166],{"id":155,"title":156,"slug":157},211,"Pagination","pagination",{"id":159,"title":160,"slug":161},174,"Card","card",{"id":163,"title":164,"slug":165},260,"Badge","badge",{"id":79,"title":80,"slug":81},{"slug":168,"title":169,"logo":170,"baseline":171,"categories":172},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[173,174],{"id":97,"title":98,"slug":99},{"id":175,"title":176,"slug":177},37,"Developer APIs","developer-apis",{"uuid":179,"title":180,"description":181,"canonical_path":182,"image":183,"width":39,"height":184,"image_alt":185,"published_at":186,"kind":43,"patterns":187,"component_categories":208,"app":211},"42ecdddb-97d8-4011-9b13-907679b7238f","Twin - Automate anything","Creation start screen where the user is prompted to describe an automation they want to build using natural language, with options to brainstorm ideas or access existing agents in the sidebar.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42ecdddb-97d8-4011-9b13-907679b7238f.png",1780,"Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[188,193,198,206],{"id":189,"label":190,"slug":191,"rank":49,"group":192},27,"AI Assistant","ai-assistant",{"id":145,"label":146,"slug":147},{"id":194,"label":195,"slug":196,"rank":58,"group":197},30,"AI Generation","ai-generation",{"id":145,"label":146,"slug":147},{"id":199,"label":200,"slug":201,"rank":64,"group":202},129,"Workflow Builder","workflow-builder",{"id":203,"label":204,"slug":205},13,"Workflow & Automation","workflow-and-automation",{"id":61,"label":62,"slug":63,"rank":145,"group":207},{"id":66,"label":67,"slug":68},[209,210],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":212,"title":213,"logo":214,"baseline":215,"categories":216},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[217,218],{"id":97,"title":98,"slug":99},{"id":219,"title":220,"slug":221},105,"Workflow Automation","workflow-automation",{"uuid":223,"title":224,"description":225,"canonical_path":226,"image":227,"width":39,"height":228,"image_alt":229,"published_at":230,"kind":43,"patterns":231,"component_categories":239,"app":240},"741071ff-f542-4705-a9ee-67c181927412","MJYBD8A085YM8","404 error page where the user is informed that the requested URL does not exist.","\u002Fexamples\u002Fapps\u002Fdurable\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F741071ff-f542-4705-a9ee-67c181927412.png",1844,"MJYBD8A085YM8 from Durable","2026-01-20T13:00:10.000Z",[232],{"id":233,"label":234,"slug":235,"rank":49,"group":236},187,"404 Page","404-page",{"id":93,"label":237,"slug":238},"Marketing Page Types","marketing-page-types",[],{"slug":241,"title":242,"logo":243,"baseline":244,"categories":245},"durable","Durable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb551d9ca-2d64-4ca4-9738-73cb15d9e486.png","AI that builds a business for you",[246,250,251],{"id":247,"title":248,"slug":249},7,"Web Development","web-development",{"id":97,"title":98,"slug":99},{"id":127,"title":128,"slug":129},{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":39,"height":184,"image_alt":258,"published_at":259,"kind":43,"patterns":260,"component_categories":267,"app":271},"9876b162-7cc1-496f-bd57-41c6bee511d3","Gumloop | Agent","AI chat interface where the user starts a new conversation with an agent, featuring a large composer and quick links to integrations and documentation.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9876b162-7cc1-496f-bd57-41c6bee511d3.png","Gumloop | Agent from Gumloop","2025-12-15T13:33:51.000Z",[261,263,265],{"id":149,"label":150,"slug":151,"rank":49,"group":262},{"id":145,"label":146,"slug":147},{"id":61,"label":62,"slug":63,"rank":58,"group":264},{"id":66,"label":67,"slug":68},{"id":189,"label":190,"slug":191,"rank":64,"group":266},{"id":145,"label":146,"slug":147},[268,269,270],{"id":159,"title":160,"slug":161},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":272,"title":273,"logo":274,"baseline":275,"categories":276},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[277,280,281,282],{"id":194,"title":278,"slug":279},"Productivity","productivity",{"id":97,"title":98,"slug":99},{"id":127,"title":128,"slug":129},{"id":219,"title":220,"slug":221},{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":39,"height":184,"image_alt":289,"published_at":290,"kind":43,"patterns":291,"component_categories":308,"app":319},"bd70acba-efdc-463a-a4a2-36d182cba894","Typeform - Create","Creation screen where the user can prompt an AI to build a form, start from a blank canvas, or sync with a CRM.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd70acba-efdc-463a-a4a2-36d182cba894.png","Typeform - Create from Typeform","2025-12-08T14:20:46.000Z",[292,294,302],{"id":194,"label":195,"slug":196,"rank":49,"group":293},{"id":145,"label":146,"slug":147},{"id":295,"label":296,"slug":297,"rank":58,"group":298},42,"Form","form",{"id":299,"label":300,"slug":301},4,"Data & Analysis","data-and-analysis",{"id":247,"label":303,"slug":304,"rank":64,"group":305},"Add & Create","add-and-create",{"id":64,"label":306,"slug":307},"Actions","actions",[309,313,317,318],{"id":310,"title":311,"slug":312},177,"Breadcrumb","breadcrumb",{"id":314,"title":315,"slug":316},240,"Horizontal navigation","horizontal-navigation",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[325,329,333,334],{"id":326,"title":327,"slug":328},69,"Surveys","surveys",{"id":330,"title":331,"slug":332},25,"Marketing","marketing",{"id":127,"title":128,"slug":129},{"id":335,"title":336,"slug":337},104,"User Research","user-research",{"uuid":339,"title":340,"description":341,"canonical_path":342,"image":343,"width":39,"height":184,"image_alt":344,"published_at":345,"kind":43,"patterns":346,"component_categories":349,"app":352},"a21f766d-f715-43cf-ae93-54cdf960af7b","Fyxer AI","AI chat interface where the user can start a new conversation by typing a prompt, selecting an email account, or choosing a suggested prompt.","\u002Fexamples\u002Fapps\u002Ffyxer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa21f766d-f715-43cf-ae93-54cdf960af7b.png","Fyxer AI from Fyxer","2025-12-08T13:46:50.000Z",[347],{"id":149,"label":150,"slug":151,"rank":49,"group":348},{"id":145,"label":146,"slug":147},[350,351],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":353,"title":354,"logo":355,"baseline":356,"categories":357},"fyxer","Fyxer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6c4767fa-eedd-41af-a293-2f6900ffa570.png","AI that writes your email replies",[358,359,362],{"id":97,"title":98,"slug":99},{"id":46,"title":360,"slug":361},"Email","email",{"id":194,"title":278,"slug":279},{"uuid":364,"title":365,"description":366,"canonical_path":367,"image":368,"width":39,"height":184,"image_alt":369,"published_at":370,"kind":43,"patterns":371,"component_categories":376,"app":379},"34d41ecb-ad2f-4ee1-80e0-42256b9ff706","Cobot","Creation screen where the user builds a new workflow by defining a title, notes, a trigger, and subsequent actions.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34d41ecb-ad2f-4ee1-80e0-42256b9ff706.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[372,374],{"id":247,"label":303,"slug":304,"rank":49,"group":373},{"id":64,"label":306,"slug":307},{"id":295,"label":296,"slug":297,"rank":58,"group":375},{"id":299,"label":300,"slug":301},[377,378],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":380,"title":365,"logo":381,"baseline":382,"categories":383},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[384,385],{"id":97,"title":98,"slug":99},{"id":194,"title":278,"slug":279},{"uuid":387,"title":388,"description":389,"canonical_path":390,"image":391,"width":39,"height":392,"image_alt":393,"published_at":394,"kind":43,"patterns":395,"component_categories":398,"app":399},"bf1484db-a4c0-472a-8e7b-22862973d513","Creative Automation Platform","App screen where the user waits for the interface to load, indicated by a central green and gray spinner.","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf1484db-a4c0-472a-8e7b-22862973d513.png",1778,"Creative Automation Platform from Creatopy","2025-05-12T13:15:20.000Z",[396],{"id":110,"label":111,"slug":112,"rank":49,"group":397},{"id":66,"label":67,"slug":68},[],{"slug":400,"title":401,"logo":402,"baseline":403,"categories":404},"creatopy","Creatopy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F34489b36-b68e-428c-97e3-5f0960355f9f.png","Ad Campaigns  for the AI Age",[405,406,407,408],{"id":89,"title":90,"slug":91},{"id":97,"title":98,"slug":99},{"id":330,"title":331,"slug":332},{"id":409,"title":410,"slug":411},81,"Advertising","advertising",{"uuid":413,"title":414,"description":415,"canonical_path":416,"image":417,"width":39,"height":184,"image_alt":418,"published_at":419,"kind":43,"patterns":420,"component_categories":433,"app":442},"7fa96d18-a047-46cd-9cee-f1cc19df1d17","Evervault","Dashboard overview screen displaying an initializing loading state while a toast confirms the app was created successfully.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7fa96d18-a047-46cd-9cee-f1cc19df1d17.png","Evervault from Evervault","2025-04-29T08:32:29.000Z",[421,423,428],{"id":110,"label":111,"slug":112,"rank":49,"group":422},{"id":66,"label":67,"slug":68},{"id":424,"label":425,"slug":426,"rank":58,"group":427},41,"Dashboard","dashboard",{"id":299,"label":300,"slug":301},{"id":429,"label":430,"slug":431,"rank":64,"group":432},122,"Success","success",{"id":66,"label":67,"slug":68},[434,438,439,440,441],{"id":435,"title":436,"slug":437},233,"Tabs","tabs",{"id":314,"title":315,"slug":316},{"id":163,"title":164,"slug":165},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":443,"title":414,"logo":444,"baseline":445,"categories":446},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[447,451,452,456],{"id":448,"title":449,"slug":450},48,"Developer Tools","developer-tools",{"id":175,"title":176,"slug":177},{"id":453,"title":454,"slug":455},39,"Payments","payments",{"id":457,"title":458,"slug":459},78,"Security","security",{"uuid":461,"title":462,"description":463,"canonical_path":464,"image":465,"width":39,"height":136,"image_alt":466,"published_at":467,"kind":43,"patterns":468,"component_categories":477,"app":480},"15969843-4bad-4552-9955-9c983def2b7e","Drafts • nicelydoneproducts@gmail.com • Notion Mail","Inbox view showing an empty drafts folder with an illustration and a prominent floating button to download the desktop app.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15969843-4bad-4552-9955-9c983def2b7e.png","Drafts • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z",[469,471],{"id":61,"label":62,"slug":63,"rank":49,"group":470},{"id":66,"label":67,"slug":68},{"id":97,"label":472,"slug":473,"rank":58,"group":474},"Files","files",{"id":89,"label":475,"slug":476},"Pages & Content","pages-and-content",[478,479],{"id":163,"title":164,"slug":165},{"id":79,"title":80,"slug":81},{"slug":481,"title":482,"logo":483,"baseline":484,"categories":485},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[486,487],{"id":46,"title":360,"slug":361},{"id":97,"title":98,"slug":99},[],[490,492,494,496,498,500,502,504,506,508,510,512,514,517,520,523,526,529,532,535,538,541,544,547],{"label":62,"to":491,"count":299},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":150,"to":493,"count":145},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":111,"to":495,"count":145},"\u002Fexamples\u002Fscreens\u002Floading",{"label":303,"to":497,"count":64},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":190,"to":499,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":195,"to":501,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":296,"to":503,"count":64},"\u002Fexamples\u002Fscreens\u002Fform",{"label":142,"to":505,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":425,"to":507,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":472,"to":509,"count":58},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":56,"to":511,"count":58},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":430,"to":513,"count":58},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":515,"to":516},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":518,"to":519},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":521,"to":522},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":524,"to":525},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":527,"to":528},"Durable design examples","\u002Fexamples\u002Fapps\u002Fdurable",{"label":530,"to":531},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":533,"to":534},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":536,"to":537},"Fyxer design examples","\u002Fexamples\u002Fapps\u002Ffyxer",{"label":539,"to":540},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":542,"to":543},"Creatopy design examples","\u002Fexamples\u002Fapps\u002Fcreatopy",{"label":545,"to":546},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":548,"to":549},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"published_at":551,"updated_at":42},"2024-12-16T04:06:07.000Z"]