[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Floading":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":479,"links":480,"dates":537},"\u002Fexamples\u002Fscreens\u002Floading","collection","screens",true,{"example_count":9,"app_count":10},1802,346,{"id":12,"title":13,"description":14},120,"Loading","See how apps communicate that content or a process is still loading. Explore how progress cues and explanatory text fit within the space where results will appear.",{"title":16,"description":17,"og_image":18},"Loading screen examples - Nicelydone","Loading screen design examples from SaaS apps. See how apps communicate that content or a process is still loading. Explore how progress cues and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc32759b4-4ced-4019-8664-16d413611782.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Loading screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Loading screen design examples from SaaS apps. See how apps communicate that content or a process is still loading. Explore how progress cues and explanatory text fit within the space where results will…",[32],{"title":33,"description":14,"links":34},"About Loading",[],[36],"1802 screens",[38,102,144,176,212,264,306,329,359,393,427,448],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":71,"app":84},"c32759b4-4ced-4019-8664-16d413611782","Bud - Your AI Worker","Dashboard where the user interacts with an AI agent, views recent task replays, and waits for the agent's computer environment to boot.","\u002Fexamples\u002Fapps\u002Fbud\u002Fscreens",3024,1714,"Bud - Your AI Worker from Bud","2026-09-21T19:04:27.000Z","screen",[49,58,64],{"id":50,"label":51,"slug":52,"rank":53,"group":54},26,"AI Agent","ai-agent",0,{"id":55,"label":56,"slug":57},3,"AI","ai",{"id":59,"label":60,"slug":61,"rank":62,"group":63},27,"AI Assistant","ai-assistant",1,{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":65,"rank":66,"group":67},"loading",2,{"id":68,"label":69,"slug":70},12,"States & Feedback","states-and-feedback",[72,76,80],{"id":73,"title":74,"slug":75},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[90,94,98],{"id":91,"title":92,"slug":93},80,"Artificial Intelligence","artificial-intelligence",{"id":95,"title":96,"slug":97},103,"Demo Automation","demo-automation",{"id":99,"title":100,"slug":101},105,"Workflow Automation","workflow-automation",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":43,"height":108,"image_alt":109,"published_at":110,"kind":47,"patterns":111,"component_categories":114,"app":122},"a2ae5f6d-e1aa-4254-a679-f87d2e292aee","Alice Morgan · Costs | Nicelydone | Polar","Detail page where the user views the costs associated with a specific customer in a sandbox environment, currently in a loading state.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2ae5f6d-e1aa-4254-a679-f87d2e292aee.png",1758,"Alice Morgan · Costs | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z",[112],{"id":12,"label":13,"slug":65,"rank":53,"group":113},{"id":68,"label":69,"slug":70},[115,119,120,121],{"id":116,"title":117,"slug":118},174,"Card","card",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":123,"title":124,"logo":125,"baseline":126,"categories":127},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[128,132,136,140],{"id":129,"title":130,"slug":131},36,"Finance","finance",{"id":133,"title":134,"slug":135},39,"Payments","payments",{"id":137,"title":138,"slug":139},48,"Developer Tools","developer-tools",{"id":141,"title":142,"slug":143},37,"Developer APIs","developer-apis",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":43,"height":108,"image_alt":150,"published_at":151,"kind":47,"patterns":152,"component_categories":155,"app":161},"6f1fac3d-ef81-4d94-9f42-b7e837c6e59e","Untitled space - Spaces | Magnific AI","Detail page where the user waits for a specific workspace to finish loading.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f1fac3d-ef81-4d94-9f42-b7e837c6e59e.png","Untitled space - Spaces | Magnific AI from Magnific","2026-09-14T12:05:04.000Z",[153],{"id":12,"label":13,"slug":65,"rank":53,"group":154},{"id":68,"label":69,"slug":70},[156,160],{"id":157,"title":158,"slug":159},226,"Skeleton","skeleton",{"id":81,"title":82,"slug":83},{"slug":162,"title":163,"logo":164,"baseline":165,"categories":166},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[167,171,175],{"id":168,"title":169,"slug":170},8,"Design","design",{"id":172,"title":173,"slug":174},15,"Media and Entertainment","media-and-entertainment",{"id":91,"title":92,"slug":93},{"uuid":177,"title":178,"description":179,"canonical_path":180,"image":181,"width":43,"height":108,"image_alt":182,"published_at":183,"kind":47,"patterns":184,"component_categories":199,"app":205},"2e8f4bd4-aa25-45cd-ae78-7acfc4070092","Activity – Dashboard - Latitude.sh","Activity feed where the user can search and filter events, currently in a loading state.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e8f4bd4-aa25-45cd-ae78-7acfc4070092.png","Activity – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[185,187,194],{"id":12,"label":13,"slug":65,"rank":53,"group":186},{"id":68,"label":69,"slug":70},{"id":188,"label":189,"slug":190,"rank":62,"group":191},22,"Search","search",{"id":66,"label":192,"slug":193},"Actions","actions",{"id":195,"label":196,"slug":197,"rank":66,"group":198},13,"Filter & Sort","filter-and-sort",{"id":66,"label":192,"slug":193},[200,204],{"id":201,"title":202,"slug":203},177,"Breadcrumb","breadcrumb",{"id":81,"title":82,"slug":83},{"slug":206,"title":207,"logo":208,"baseline":209,"categories":210},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[211],{"id":137,"title":138,"slug":139},{"uuid":213,"title":214,"description":215,"canonical_path":216,"image":217,"width":43,"height":108,"image_alt":218,"published_at":219,"kind":47,"patterns":220,"component_categories":236,"app":243},"fa72e8d9-2ef8-4044-9daa-4b024ec7f05c","Messages • Airbnb","Inbox view where the user can manage their conversations, currently showing an empty message list and a loading indicator in the main reading pane.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa72e8d9-2ef8-4044-9daa-4b024ec7f05c.png","Messages • Airbnb from Airbnb","2026-09-07T10:47:21.000Z",[221,226,234],{"id":222,"label":223,"slug":224,"rank":53,"group":225},115,"Empty State","empty-state",{"id":68,"label":69,"slug":70},{"id":227,"label":228,"slug":229,"rank":62,"group":230},109,"Messages","messages",{"id":231,"label":232,"slug":233},11,"Social & Collaboration","social-and-collaboration",{"id":12,"label":13,"slug":65,"rank":66,"group":235},{"id":68,"label":69,"slug":70},[237,241,242],{"id":238,"title":239,"slug":240},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":244,"title":245,"logo":246,"baseline":247,"categories":248},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[249,253,256,260],{"id":250,"title":251,"slug":252},5,"Travel","travel",{"id":68,"title":254,"slug":255},"Hospitality","hospitality",{"id":257,"title":258,"slug":259},17,"Peer to peer","peer-to-peer",{"id":261,"title":262,"slug":263},18,"Marketplace","marketplace",{"uuid":265,"title":266,"description":267,"canonical_path":268,"image":269,"width":43,"height":108,"image_alt":270,"published_at":271,"kind":47,"patterns":272,"component_categories":288,"app":293},"67c0be58-90f2-43e3-bb9e-132e2cee7f64","Settings | inference.net","Settings page where the user manages provider routing and callable models, currently showing a loading state for the model catalog.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c0be58-90f2-43e3-bb9e-132e2cee7f64.png","Settings | inference.net from Inference","2026-09-07T10:14:44.000Z",[273,278,280],{"id":274,"label":275,"slug":276,"rank":53,"group":277},33,"AI Settings","ai-settings",{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":65,"rank":62,"group":279},{"id":68,"label":69,"slug":70},{"id":281,"label":282,"slug":283,"rank":66,"group":284},41,"Dashboard","dashboard",{"id":285,"label":286,"slug":287},4,"Data & Analysis","data-and-analysis",[289,290,291,292],{"id":238,"title":239,"slug":240},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[299,300,304,305],{"id":137,"title":138,"slug":139},{"id":301,"title":302,"slug":303},16,"Monitoring","monitoring",{"id":141,"title":142,"slug":143},{"id":91,"title":92,"slug":93},{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":43,"height":108,"image_alt":312,"published_at":313,"kind":47,"patterns":314,"component_categories":317,"app":318},"246985f6-5209-497b-a15c-f07229e61c22","Origin Financial","App loading screen displaying a centered brand logo while the membership profile fetches.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F246985f6-5209-497b-a15c-f07229e61c22.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[315],{"id":12,"label":13,"slug":65,"rank":53,"group":316},{"id":68,"label":69,"slug":70},[],{"slug":319,"title":308,"logo":320,"baseline":321,"categories":322},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[323,324,328],{"id":129,"title":130,"slug":131},{"id":325,"title":326,"slug":327},56,"Accounting","accounting",{"id":91,"title":92,"slug":93},{"uuid":330,"title":331,"description":332,"canonical_path":333,"image":334,"width":43,"height":108,"image_alt":335,"published_at":336,"kind":47,"patterns":337,"component_categories":340,"app":341},"b4813446-ef80-4a21-b02e-b9aa1c011450","Zaro - The Context Layer for Enterprise AI","App loading screen where the system connects to the user's workspace before revealing the main interface.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4813446-ef80-4a21-b02e-b9aa1c011450.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[338],{"id":12,"label":13,"slug":65,"rank":53,"group":339},{"id":68,"label":69,"slug":70},[],{"slug":342,"title":343,"logo":344,"baseline":345,"categories":346},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[347,351,352,355],{"id":348,"title":349,"slug":350},23,"Collaboration","collaboration",{"id":91,"title":92,"slug":93},{"id":188,"title":353,"slug":354},"Knowledge Management","knowledge-management",{"id":356,"title":357,"slug":358},46,"Analytics","analytics",{"uuid":360,"title":361,"description":362,"canonical_path":363,"image":364,"width":43,"height":108,"image_alt":365,"published_at":366,"kind":47,"patterns":367,"component_categories":377,"app":383},"1a021e6f-c992-442a-80c2-42019f47c8de","Riverside Studio","Content planner calendar view where a side drawer is loading event details with skeleton placeholders.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a021e6f-c992-442a-80c2-42019f47c8de.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[368,370],{"id":12,"label":13,"slug":65,"rank":53,"group":369},{"id":68,"label":69,"slug":70},{"id":371,"label":372,"slug":373,"rank":62,"group":374},51,"Calendar","calendar",{"id":250,"label":375,"slug":376},"Media & Tools","media-and-tools",[378,382],{"id":379,"title":380,"slug":381},277,"Button group","button-group",{"id":157,"title":158,"slug":159},{"slug":384,"title":385,"logo":386,"baseline":387,"categories":388},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[389],{"id":390,"title":391,"slug":392},100,"Video","video",{"uuid":394,"title":395,"description":396,"canonical_path":397,"image":398,"width":43,"height":108,"image_alt":399,"published_at":400,"kind":47,"patterns":401,"component_categories":406,"app":415},"af3a8383-28b7-49eb-937f-084c445cd90a","extend","Detail page where an evaluation run has just started and the main content area is waiting for data to load.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf3a8383-28b7-49eb-937f-084c445cd90a.png","extend from Extend","2026-08-17T12:39:21.000Z",[402,404],{"id":12,"label":13,"slug":65,"rank":53,"group":403},{"id":68,"label":69,"slug":70},{"id":281,"label":282,"slug":283,"rank":62,"group":405},{"id":285,"label":286,"slug":287},[407,411,412,413,414],{"id":408,"title":409,"slug":410},168,"Accordion","accordion",{"id":116,"title":117,"slug":118},{"id":201,"title":202,"slug":203},{"id":157,"title":158,"slug":159},{"id":81,"title":82,"slug":83},{"slug":395,"title":416,"logo":417,"baseline":418,"categories":419},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[420,424,425,426],{"id":421,"title":422,"slug":423},77,"Machine learning","machine-learning",{"id":91,"title":92,"slug":93},{"id":141,"title":142,"slug":143},{"id":137,"title":138,"slug":139},{"uuid":428,"title":429,"description":430,"canonical_path":431,"image":432,"width":43,"height":108,"image_alt":433,"published_at":434,"kind":47,"patterns":435,"component_categories":438,"app":439},"dd00b193-e85d-4de1-8a18-3038c1b6a272","Lithic - Create 3DS Rule","Detail page for a specific rule where the main content is currently fetching and displaying a loading spinner.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd00b193-e85d-4de1-8a18-3038c1b6a272.png","Lithic - Create 3DS Rule from Lithic","2026-07-20T18:29:48.000Z",[436],{"id":12,"label":13,"slug":65,"rank":53,"group":437},{"id":68,"label":69,"slug":70},[],{"slug":440,"title":441,"logo":442,"baseline":443,"categories":444},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[445,446,447],{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":141,"title":142,"slug":143},{"uuid":449,"title":450,"description":451,"canonical_path":452,"image":453,"width":43,"height":108,"image_alt":454,"published_at":455,"kind":47,"patterns":456,"component_categories":466,"app":468},"5ae5ff2f-6615-497e-b138-d93e6c7cedc2","Spaces · Dock","List view where the user has opened an AI assistant drawer to compare competitors and is waiting for a streaming response.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ae5ff2f-6615-497e-b138-d93e6c7cedc2.png","Spaces · Dock from Dock","2026-07-13T15:30:47.000Z",[457,459,464],{"id":59,"label":60,"slug":61,"rank":53,"group":458},{"id":55,"label":56,"slug":57},{"id":460,"label":461,"slug":462,"rank":62,"group":463},28,"AI Chat","ai-chat",{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":65,"rank":66,"group":465},{"id":68,"label":69,"slug":70},[467],{"id":81,"title":82,"slug":83},{"slug":469,"title":470,"logo":471,"baseline":472,"categories":473},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[474,475],{"id":348,"title":349,"slug":350},{"id":476,"title":477,"slug":478},29,"Task Management","task-management",[],[481,483,485,487,489,491,493,495,497,499,501,504,507,510,513,516,519,522,525,528,531,534],{"label":60,"to":482,"count":66},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":282,"to":484,"count":66},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":51,"to":486,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":461,"to":488,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":275,"to":490,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":372,"to":492,"count":62},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":223,"to":494,"count":62},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":196,"to":496,"count":62},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":228,"to":498,"count":62},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":189,"to":500,"count":62},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":502,"to":503},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":505,"to":506},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":508,"to":509},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":511,"to":512},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":514,"to":515},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":517,"to":518},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":520,"to":521},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":523,"to":524},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":526,"to":527},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":529,"to":530},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":532,"to":533},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":535,"to":536},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"published_at":538,"updated_at":539},"2026-05-13T12:40:03.000Z","2026-09-26T20:10:01.332Z"]