[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fempty-state-illustration":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\u002Fempty-state-illustration","collection","screens",true,{"example_count":9,"app_count":10},1513,273,{"id":12,"title":13,"description":14},78616,"Empty state illustration","",{"title":16,"description":17,"og_image":18},"Empty state illustration screen examples - Nicelydone","Empty state illustration screen design examples from SaaS apps. Browse examples from Polar, Magnific, Axiom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dc8347f-046a-42cd-b521-37db43796298.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Empty state illustration screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1513 screens",[34,93,166,218,261,293,333,362,403,430,457,504],{"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":54,"app":71},"4dc8347f-046a-42cd-b521-37db43796298","Polar interface screen","404 error page where the user is informed the page cannot be found and is offered quick links to the homepage, blog, documentation, and company pages.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",3008,3966,"Interface screen from Polar","2026-09-21T19:01:38.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},187,"404 Page","404-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},202,"Footer","footer",{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[77,81,85,89],{"id":78,"title":79,"slug":80},36,"Finance","finance",{"id":82,"title":83,"slug":84},39,"Payments","payments",{"id":86,"title":87,"slug":88},48,"Developer Tools","developer-tools",{"id":90,"title":91,"slug":92},37,"Developer APIs","developer-apis",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":129,"app":151},"a94cbed6-d27c-42f5-915e-2de127a707f3","Creations | Magnific AI","Project asset list where the user is creating a new folder named History via a modal overlay.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa94cbed6-d27c-42f5-915e-2de127a707f3.png",3024,1758,"Creations | Magnific AI from Magnific","2026-09-14T12:05:04.000Z",[104,112,121],{"id":105,"label":106,"slug":107,"rank":49,"group":108},7,"Add & Create","add-and-create",{"id":109,"label":110,"slug":111},2,"Actions","actions",{"id":113,"label":114,"slug":115,"rank":116,"group":117},80,"Files","files",1,{"id":118,"label":119,"slug":120},8,"Pages & Content","pages-and-content",{"id":122,"label":123,"slug":124,"rank":109,"group":125},114,"Confirmation","confirmation",{"id":126,"label":127,"slug":128},12,"States & Feedback","states-and-feedback",[130,134,138,142,146,150],{"id":131,"title":132,"slug":133},284,"Modal","modal",{"id":135,"title":136,"slug":137},240,"Horizontal navigation","horizontal-navigation",{"id":139,"title":140,"slug":141},177,"Breadcrumb","breadcrumb",{"id":143,"title":144,"slug":145},233,"Tabs","tabs",{"id":147,"title":148,"slug":149},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":152,"title":153,"logo":154,"baseline":155,"categories":156},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[157,160,163],{"id":118,"title":158,"slug":159},"Design","design",{"id":51,"title":161,"slug":162},"Media and Entertainment","media-and-entertainment",{"id":113,"title":164,"slug":165},"Artificial Intelligence","artificial-intelligence",{"uuid":167,"title":168,"description":169,"canonical_path":170,"image":171,"width":99,"height":100,"image_alt":172,"published_at":173,"kind":43,"patterns":174,"component_categories":190,"app":199},"4308e426-4fb0-4124-99b0-29e4b88c938a","Datasets and Views - Settings - Axiom","Settings page where the user manages datasets and views, showing storage usage metrics and a list of existing datasets with their retention policies.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4308e426-4fb0-4124-99b0-29e4b88c938a.png","Datasets and Views - Settings - Axiom from Axiom","2026-08-18T09:00:19.000Z",[175,183,188],{"id":176,"label":177,"slug":178,"rank":49,"group":179},102,"Settings","settings",{"id":180,"label":181,"slug":182},10,"Settings & Admin","settings-and-admin",{"id":184,"label":185,"slug":186,"rank":116,"group":187},79,"Browse","browse",{"id":118,"label":119,"slug":120},{"id":105,"label":106,"slug":107,"rank":109,"group":189},{"id":109,"label":110,"slug":111},[191,192,193,197,198],{"id":135,"title":136,"slug":137},{"id":147,"title":148,"slug":149},{"id":194,"title":195,"slug":196},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":200,"title":201,"logo":202,"baseline":203,"categories":204},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[205,209,213,217],{"id":206,"title":207,"slug":208},46,"Analytics","analytics",{"id":210,"title":211,"slug":212},57,"Big data","big-data",{"id":214,"title":215,"slug":216},16,"Monitoring","monitoring",{"id":86,"title":87,"slug":88},{"uuid":219,"title":220,"description":221,"canonical_path":222,"image":223,"width":99,"height":100,"image_alt":224,"published_at":225,"kind":43,"patterns":226,"component_categories":245,"app":249},"3800fc1e-43f0-4143-8aed-210f04c9d992","extend","Developer settings page where the user views API request logs, currently showing an empty state with search and filter controls.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3800fc1e-43f0-4143-8aed-210f04c9d992.png","extend from Extend","2026-08-17T12:39:21.000Z",[227,232,240],{"id":228,"label":229,"slug":230,"rank":49,"group":231},115,"Empty State","empty-state",{"id":126,"label":127,"slug":128},{"id":233,"label":234,"slug":235,"rank":116,"group":236},47,"Table","table",{"id":237,"label":238,"slug":239},4,"Data & Analysis","data-and-analysis",{"id":241,"label":242,"slug":243,"rank":109,"group":244},13,"Filter & Sort","filter-and-sort",{"id":109,"label":110,"slug":111},[246,247,248],{"id":143,"title":144,"slug":145},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":220,"title":250,"logo":251,"baseline":252,"categories":253},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[254,258,259,260],{"id":255,"title":256,"slug":257},77,"Machine learning","machine-learning",{"id":113,"title":164,"slug":165},{"id":90,"title":91,"slug":92},{"id":86,"title":87,"slug":88},{"uuid":262,"title":263,"description":264,"canonical_path":265,"image":266,"width":99,"height":100,"image_alt":267,"published_at":268,"kind":43,"patterns":269,"component_categories":276,"app":279},"6871a0c2-11d4-4a0e-b046-17250bb2bc4e","Folder · Dock","Settings page for a product folder showing an empty state where the user can create a new product.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6871a0c2-11d4-4a0e-b046-17250bb2bc4e.png","Folder · Dock from Dock","2026-07-13T15:30:47.000Z",[270,272,274],{"id":228,"label":229,"slug":230,"rank":49,"group":271},{"id":126,"label":127,"slug":128},{"id":105,"label":106,"slug":107,"rank":116,"group":273},{"id":109,"label":110,"slug":111},{"id":176,"label":177,"slug":178,"rank":109,"group":275},{"id":180,"label":181,"slug":182},[277,278],{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"slug":280,"title":281,"logo":282,"baseline":283,"categories":284},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[285,289],{"id":286,"title":287,"slug":288},23,"Collaboration","collaboration",{"id":290,"title":291,"slug":292},29,"Task Management","task-management",{"uuid":294,"title":295,"description":296,"canonical_path":297,"image":298,"width":99,"height":100,"image_alt":299,"published_at":300,"kind":43,"patterns":301,"component_categories":314,"app":319},"bc28c926-8ca3-451a-8ab7-c5d6310f17f8","My first AI agent","Modal where the user builds a turn-by-turn test script for an AI agent and runs it to verify responses.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc28c926-8ca3-451a-8ab7-c5d6310f17f8.png","My first AI agent from Voiceflow","2026-07-07T07:44:33.000Z",[302,310],{"id":303,"label":304,"slug":305,"rank":49,"group":306},26,"AI Agent","ai-agent",{"id":307,"label":308,"slug":309},3,"AI","ai",{"id":290,"label":311,"slug":312,"rank":116,"group":313},"AI Editing","ai-editing",{"id":307,"label":308,"slug":309},[315,316,317,318],{"id":131,"title":132,"slug":133},{"id":64,"title":65,"slug":66},{"id":147,"title":148,"slug":149},{"id":68,"title":69,"slug":70},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[325,326,329],{"id":113,"title":164,"slug":165},{"id":233,"title":327,"slug":328},"Customer Service","customer-service",{"id":330,"title":331,"slug":332},96,"No code","no-code",{"uuid":334,"title":335,"description":336,"canonical_path":337,"image":338,"width":99,"height":100,"image_alt":339,"published_at":340,"kind":43,"patterns":341,"component_categories":349,"app":353},"e81ccb60-e864-4e2a-a791-741330426d82","FLORA","Trash page showing an empty state with a prompt to return to projects.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe81ccb60-e864-4e2a-a791-741330426d82.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[342,347],{"id":343,"label":344,"slug":345,"rank":49,"group":346},87,"Trash & Archive","trash-and-archive",{"id":118,"label":119,"slug":120},{"id":228,"label":229,"slug":230,"rank":116,"group":348},{"id":126,"label":127,"slug":128},[350,351,352],{"id":194,"title":195,"slug":196},{"id":147,"title":148,"slug":149},{"id":68,"title":69,"slug":70},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[359,360,361],{"id":113,"title":164,"slug":165},{"id":118,"title":158,"slug":159},{"id":286,"title":287,"slug":288},{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":99,"height":100,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":381,"app":387},"a721ff84-5443-4dd5-a4bf-3f59bca61a00","Assembly Dashboard – Nicelydone Club","Detail page for a CRM contact where the contracts tab is currently empty, prompting the user to navigate to the main contracts view.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa721ff84-5443-4dd5-a4bf-3f59bca61a00.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[371,373,375],{"id":228,"label":229,"slug":230,"rank":49,"group":372},{"id":126,"label":127,"slug":128},{"id":184,"label":185,"slug":186,"rank":116,"group":374},{"id":118,"label":119,"slug":120},{"id":376,"label":144,"slug":145,"rank":109,"group":377},69,{"id":378,"label":379,"slug":380},6,"Navigation & Commands","navigation-and-commands",[382,383,384,385,386],{"id":139,"title":140,"slug":141},{"id":143,"title":144,"slug":145},{"id":194,"title":195,"slug":196},{"id":147,"title":148,"slug":149},{"id":68,"title":69,"slug":70},{"slug":388,"title":389,"logo":390,"baseline":391,"categories":392},"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",[393,397,401,402],{"id":394,"title":395,"slug":396},53,"CRM","crm",{"id":398,"title":399,"slug":400},90,"Business","business",{"id":113,"title":164,"slug":165},{"id":330,"title":331,"slug":332},{"uuid":404,"title":405,"description":406,"canonical_path":407,"image":408,"width":99,"height":409,"image_alt":410,"published_at":411,"kind":43,"patterns":412,"component_categories":417,"app":422},"0b93f541-d4e1-4cec-b2fc-d706e7c0347b","ElevenAgents | ElevenLabs","Detail page where the user configures tests for a voice agent, currently showing an empty state with a promotional card for a website widget.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b93f541-d4e1-4cec-b2fc-d706e7c0347b.png",1714,"ElevenAgents | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[413,415],{"id":303,"label":304,"slug":305,"rank":49,"group":414},{"id":307,"label":308,"slug":309},{"id":228,"label":229,"slug":230,"rank":116,"group":416},{"id":126,"label":127,"slug":128},[418,419,420,421],{"id":143,"title":144,"slug":145},{"id":194,"title":195,"slug":196},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[428,429],{"id":113,"title":164,"slug":165},{"id":90,"title":91,"slug":92},{"uuid":431,"title":432,"description":433,"canonical_path":434,"image":435,"width":99,"height":100,"image_alt":436,"published_at":437,"kind":43,"patterns":438,"component_categories":446,"app":448},"0b7ef4de-197b-45f1-98a1-aefdfad1a36c","The page you are looking for doesn’t exist | Aboard","Error page where the user is informed that the requested URL does not exist and is provided a button to return to the home page.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b7ef4de-197b-45f1-98a1-aefdfad1a36c.png","The page you are looking for doesn’t exist | Aboard from Aboard","2026-05-05T10:32:35.000Z",[439,444],{"id":440,"label":441,"slug":442,"rank":49,"group":443},116,"Error","error",{"id":126,"label":127,"slug":128},{"id":228,"label":229,"slug":230,"rank":116,"group":445},{"id":126,"label":127,"slug":128},[447],{"id":68,"title":69,"slug":70},{"slug":449,"title":450,"logo":451,"baseline":452,"categories":453},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[454],{"id":180,"title":455,"slug":456},"Human resources","human-resources",{"uuid":458,"title":459,"description":460,"canonical_path":461,"image":462,"width":463,"height":464,"image_alt":465,"published_at":466,"kind":43,"patterns":467,"component_categories":480,"app":486},"f102be97-ae88-48e5-9131-a47d95cf76c0","Content Studio | Mailchimp","Content management tab where the user is prompted to sync their Instagram account to access posts.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff102be97-ae88-48e5-9131-a47d95cf76c0.png",2880,1670,"Content Studio | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[468,470,475],{"id":228,"label":229,"slug":230,"rank":49,"group":469},{"id":126,"label":127,"slug":128},{"id":471,"label":472,"slug":473,"rank":116,"group":474},97,"Integrations","integrations",{"id":180,"label":181,"slug":182},{"id":476,"label":477,"slug":478,"rank":109,"group":479},82,"Media Detail","media-detail",{"id":118,"label":119,"slug":120},[481,482,483,484,485],{"id":135,"title":136,"slug":137},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":194,"title":195,"slug":196},{"id":68,"title":69,"slug":70},{"slug":487,"title":488,"logo":489,"baseline":490,"categories":491},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[492,496,500],{"id":493,"title":494,"slug":495},25,"Marketing","marketing",{"id":497,"title":498,"slug":499},27,"Email Newsletters","email-newsletters",{"id":501,"title":502,"slug":503},68,"SMS","sms",{"uuid":505,"title":506,"description":507,"canonical_path":508,"image":509,"width":463,"height":464,"image_alt":510,"published_at":511,"kind":43,"patterns":512,"component_categories":531,"app":535},"77b3438a-f3a9-4868-9ace-9af145ae3360","Maze - Reach","Paywall screen blocking access to the Reach participant management feature because the user is on a trial plan.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77b3438a-f3a9-4868-9ace-9af145ae3360.png","Maze - Reach from Maze","2026-04-20T14:45:59.000Z",[513,521,526],{"id":514,"label":515,"slug":516,"rank":49,"group":517},88,"Feature Gate","feature-gate",{"id":518,"label":519,"slug":520},9,"Plans & Limits","plans-and-limits",{"id":522,"label":523,"slug":524,"rank":116,"group":525},91,"Trial","trial",{"id":518,"label":519,"slug":520},{"id":527,"label":528,"slug":529,"rank":109,"group":530},93,"Usage Limit","usage-limit",{"id":518,"label":519,"slug":520},[532,533,534],{"id":194,"title":195,"slug":196},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":536,"title":537,"logo":538,"baseline":539,"categories":540},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[541,542,545],{"id":118,"title":158,"slug":159},{"id":376,"title":543,"slug":544},"Surveys","surveys",{"id":546,"title":547,"slug":548},104,"User Research","user-research",[],[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":229,"to":552,"count":105},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":106,"to":554,"count":307},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":304,"to":556,"count":109},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":185,"to":558,"count":109},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":177,"to":560,"count":109},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":311,"to":562,"count":116},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":123,"to":564,"count":116},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":441,"to":566,"count":116},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":515,"to":568,"count":116},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":114,"to":570,"count":116},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":242,"to":572,"count":116},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":472,"to":574,"count":116},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":576,"to":577},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":579,"to":580},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":582,"to":583},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":585,"to":586},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":588,"to":589},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":591,"to":592},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":594,"to":595},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":597,"to":598},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":600,"to":601},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":603,"to":604},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":606,"to":607},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":609,"to":610},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"published_at":612,"updated_at":613},"2025-01-01T11:13:07.000Z","2026-09-24T14:27:29.000Z"]