[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Femptystate":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":37,"showcases":338,"links":339,"dates":388},"\u002Fexamples\u002Fcomponents\u002Femptystate","collection","components",true,{"example_count":9,"app_count":10},138,90,{"id":12,"title":13,"description":14},302,"Empty state","See how interfaces explain why a section has no content. Explore how a short message, supporting visual, and relevant action introduce what can appear in the empty space.",{"title":16,"description":17,"og_image":18},"Empty state UI examples - Nicelydone","Empty state UI design examples from SaaS apps. See how interfaces explain why a section has no content. Explore how a short message, supporting visual, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37bab067-277d-4a6a-9692-0652d6b44ab6.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Empty state UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Empty state UI design examples from SaaS apps. See how interfaces explain why a section has no content. Explore how a short message, supporting visual, and relevant action introduce what can appear in…",[32],{"title":33,"description":14,"links":34},"About Empty state",[],[36],"138 UI components",[38,72,93,126,147,172,195,220,246,265,290,308],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"ed245981-eaad-4fba-a0aa-6ea20b00ddf7","Airbnb UI component","A search result page displaying an empty state with a message indicating no exact matches and a call to action to remove filters, accompanied by illustrative images.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents",1775,876,"UI component from Airbnb","component",[48],{"id":12,"title":13,"slug":49},"emptystate",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[56,60,64,68],{"id":57,"title":58,"slug":59},5,"Travel","travel",{"id":61,"title":62,"slug":63},12,"Hospitality","hospitality",{"id":65,"title":66,"slug":67},17,"Peer to peer","peer-to-peer",{"id":69,"title":70,"slug":71},18,"Marketplace","marketplace",{"uuid":73,"title":74,"description":75,"canonical_path":76,"image":77,"width":78,"height":79,"image_alt":80,"kind":46,"categories":81,"app":83},"d782b584-ecee-48e3-ae44-bed6a916bb0f","Riverside UI component","A screen for hosting podcasts, offering options to create or import, with integrations to major podcast platforms.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22d63ca3-355b-4dfa-87fb-5a10db7122c4.png",1143,844,"UI component from Riverside",[82],{"id":12,"title":13,"slug":49},{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[89],{"id":90,"title":91,"slug":92},100,"Video","video",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"kind":46,"categories":102,"app":104},"d9c5ce4d-c778-46c2-b32d-161a8545f5fa","Extend UI component","A screen displaying an optimization process with an abstract illustration and explanatory text.","\u002Fexamples\u002Fapps\u002Fextend\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc003d8ad-1183-44e3-9822-426001fc5ea7.png",1219,1111,"UI component from Extend",[103],{"id":12,"title":13,"slug":49},{"slug":105,"title":106,"logo":107,"baseline":108,"categories":109},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[110,114,118,122],{"id":111,"title":112,"slug":113},77,"Machine learning","machine-learning",{"id":115,"title":116,"slug":117},80,"Artificial Intelligence","artificial-intelligence",{"id":119,"title":120,"slug":121},37,"Developer APIs","developer-apis",{"id":123,"title":124,"slug":125},48,"Developer Tools","developer-tools",{"uuid":127,"title":128,"description":129,"canonical_path":130,"image":131,"width":132,"height":133,"image_alt":134,"kind":46,"categories":135,"app":137},"8fb6e349-dc9d-4588-96ba-dc5efd7e6715","Visitors UI component","A card displaying event usage data with an empty state and a breakdown list.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07f2826b-6e5f-4549-a5c2-84ccc1891902.png",1228,1533,"UI component from Visitors",[136],{"id":12,"title":13,"slug":49},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[143],{"id":144,"title":145,"slug":146},46,"Analytics","analytics",{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":153,"height":154,"image_alt":155,"kind":46,"categories":156,"app":158},"ace5fd73-5064-4167-b748-175c4967c8ae","Dock UI component","An empty state screen with an illustration and instructional text.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9577b234-2e2c-462b-ac96-3e3809d6a117.png",721,653,"UI component from Dock",[157],{"id":12,"title":13,"slug":49},{"slug":159,"title":160,"logo":161,"baseline":162,"categories":163},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[164,168],{"id":165,"title":166,"slug":167},23,"Collaboration","collaboration",{"id":169,"title":170,"slug":171},29,"Task Management","task-management",{"uuid":173,"title":174,"description":175,"canonical_path":176,"image":177,"width":178,"height":179,"image_alt":180,"kind":46,"categories":181,"app":183},"3849fff4-c6e9-4b3b-9b35-4c4bcb312658","Appwrite UI component","A data management interface displaying an empty state for indexes, offering options to create new indexes manually or with AI assistance.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1cf2a760-8ef5-4a58-909b-2558eb3589cc.png",2491,1186,"UI component from Appwrite",[182],{"id":12,"title":13,"slug":49},{"slug":184,"title":185,"logo":186,"baseline":187,"categories":188},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[189,190,191],{"id":123,"title":124,"slug":125},{"id":119,"title":120,"slug":121},{"id":192,"title":193,"slug":194},45,"Open Source","open-source",{"uuid":196,"title":197,"canonical_path":198,"image":199,"width":200,"height":201,"image_alt":202,"kind":46,"categories":203,"app":205},"6674aa0e-b944-4aff-a40d-d7c3f21c96cb","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa9f594df-a3b5-4abe-b6a6-cb69e7d14b9e.png",768,843,"UI component from Voiceflow",[204],{"id":12,"title":13,"slug":49},{"slug":206,"title":207,"logo":208,"baseline":209,"categories":210},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[211,212,216],{"id":115,"title":116,"slug":117},{"id":213,"title":214,"slug":215},47,"Customer Service","customer-service",{"id":217,"title":218,"slug":219},96,"No code","no-code",{"uuid":221,"title":222,"description":223,"canonical_path":224,"image":225,"width":200,"height":226,"image_alt":227,"kind":46,"categories":228,"app":230},"abc14f30-f917-4141-80c4-526f66cad8a1","Empty Chats State","Displays empty inbox message with tab navigation when no chats exist","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3773aa74-db0e-408e-8b4d-a0bfd7e9a56a.png",541,"Empty Chats State from Beside",[229],{"id":12,"title":13,"slug":49},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"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",[236,237,238,242],{"id":115,"title":116,"slug":117},{"id":213,"title":214,"slug":215},{"id":239,"title":240,"slug":241},53,"CRM","crm",{"id":243,"title":244,"slug":245},82,"Communication","communication",{"uuid":247,"title":248,"description":249,"canonical_path":250,"image":251,"width":252,"height":253,"image_alt":254,"kind":46,"categories":255,"app":257},"c2591dab-1cf7-4bb9-8bdc-804f7526789a","Empty state message","Indicates no matching results for current filters in a list view","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7154b23-59c7-4978-a4d5-b658df10dbdb.png",754,499,"Empty state message from HeyGen",[256],{"id":12,"title":13,"slug":49},{"slug":258,"title":259,"logo":260,"baseline":261,"categories":262},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[263,264],{"id":90,"title":91,"slug":92},{"id":115,"title":116,"slug":117},{"uuid":266,"title":267,"description":268,"canonical_path":269,"image":270,"width":271,"height":272,"image_alt":273,"kind":46,"categories":274,"app":276},"cd733bab-4f2b-4c65-81ce-bfe3e0380021","Asset Type Tabs","Tabbed selector between tokens and collectibles with search and empty state illustration","\u002Fexamples\u002Fapps\u002Ffamily\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32ae3036-47ce-404a-ae20-e213e2b9eb2d.png",1205,790,"Asset Type Tabs from Family",[275],{"id":12,"title":13,"slug":49},{"slug":277,"title":278,"logo":279,"baseline":280,"categories":281},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[282,286],{"id":283,"title":284,"slug":285},36,"Finance","finance",{"id":287,"title":288,"slug":289},95,"Blockchain","blockchain",{"uuid":291,"title":292,"description":293,"canonical_path":294,"image":295,"width":296,"height":297,"image_alt":298,"kind":46,"categories":299,"app":301},"af0d9755-437d-4579-8d71-ef1ac9910e19","Transactions to review card","Shows count of unreviewed transactions and prompts user to review them to unlock intelligence","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc7f5dd7-5c15-478b-9a02-efd0b070aa31.png",1445,687,"Transactions to review card from Copilot",[300],{"id":12,"title":13,"slug":49},{"slug":302,"title":303,"logo":304,"baseline":305,"categories":306},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[307],{"id":283,"title":284,"slug":285},{"uuid":309,"title":310,"description":311,"canonical_path":312,"image":313,"width":314,"height":315,"image_alt":316,"kind":46,"categories":317,"app":319},"9075222e-699e-11f1-8c91-960002ce6e45","Empty State Message","Displays centered empty state content when the approvals inbox has no pending items","\u002Fexamples\u002Fapps\u002Ftown\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0feaa2e-dad1-4e9c-9e09-87f85d899a09.jpg",842,391,"Empty State Message from Town",[318],{"id":12,"title":13,"slug":49},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"town","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.",[325,326,330,334],{"id":115,"title":116,"slug":117},{"id":327,"title":328,"slug":329},30,"Productivity","productivity",{"id":331,"title":332,"slug":333},92,"Email","email",{"id":335,"title":336,"slug":337},101,"Calendar","calendar",[],[340,343,346,349,352,355,358,361,364,367,370,373,376,379,382,385],{"label":341,"to":342},"Empty State","\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":344,"to":345},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":347,"to":348},"AI Agent","\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":350,"to":351},"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":353,"to":354},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":356,"to":357},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":359,"to":360},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":362,"to":363},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":365,"to":366},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":368,"to":369},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":371,"to":372},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":374,"to":375},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":377,"to":378},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":380,"to":381},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":383,"to":384},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":386,"to":387},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"published_at":389,"updated_at":390},"2026-06-14T22:34:04.000Z","2026-09-17T10:44:16.000Z"]