[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\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":33,"showcases":547,"links":548,"dates":609},"\u002Fexamples\u002Ftags\u002Floading","collection","screens",true,{"example_count":9,"app_count":10},1220,279,{"id":12,"title":13,"description":14},5030,"Loading","",{"title":16,"description":17,"og_image":18},"Loading screen examples - Nicelydone","Loading screen design examples from SaaS apps. Browse examples from Dock, Exa, Flora.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2129f24e-ea3e-4473-be70-86b42372ca2b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Loading screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1220 screens",[34,85,150,186,221,270,306,341,387,431,471,511],{"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":71},"2129f24e-ea3e-4473-be70-86b42372ca2b","Spaces · Dock","AI chat overlay where the user asks a workspace admin agent to review the BrightLayer Analytics Deal Room for improvements.","\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},26,"AI Agent","ai-agent",2,{"id":51,"label":52,"slug":53},[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[77,81],{"id":78,"title":79,"slug":80},23,"Collaboration","collaboration",{"id":82,"title":83,"slug":84},29,"Task Management","task-management",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":39,"height":40,"image_alt":91,"published_at":92,"kind":43,"patterns":93,"component_categories":110,"app":132},"18c4d846-fba2-4344-afb4-d39d60c25951","Billing | Exa API","Billing settings page where the user is adding funds to their account balance via a loading modal.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18c4d846-fba2-4344-afb4-d39d60c25951.png","Billing | Exa API from Exa","2026-06-23T14:19:28.000Z",[94,102],{"id":95,"label":96,"slug":97,"rank":49,"group":98},96,"Billing Settings","billing-settings",{"id":99,"label":100,"slug":101},10,"Settings & Admin","settings-and-admin",{"id":103,"label":104,"slug":105,"rank":58,"group":106},131,"Payment Form","payment-form",{"id":107,"label":108,"slug":109},14,"Payments & Checkout","payments-and-checkout",[111,115,119,123,127,131],{"id":112,"title":113,"slug":114},284,"Modal","modal",{"id":116,"title":117,"slug":118},260,"Badge","badge",{"id":120,"title":121,"slug":122},257,"Input number","input-number",{"id":124,"title":125,"slug":126},233,"Tabs","tabs",{"id":128,"title":129,"slug":130},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":133,"title":134,"logo":135,"baseline":136,"categories":137},"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",[138,142,146],{"id":139,"title":140,"slug":141},55,"Search engine","search-engine",{"id":143,"title":144,"slug":145},80,"Artificial Intelligence","artificial-intelligence",{"id":147,"title":148,"slug":149},37,"Developer APIs","developer-apis",{"uuid":151,"title":152,"description":153,"canonical_path":154,"image":155,"width":39,"height":40,"image_alt":156,"published_at":157,"kind":43,"patterns":158,"component_categories":172,"app":174},"53fb8730-2f3c-46c0-88a4-5f017305b914","FLORA","Loading screen where the system provisions the user's new account before redirecting them to the app.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53fb8730-2f3c-46c0-88a4-5f017305b914.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[159,166],{"id":160,"label":13,"slug":161,"rank":49,"group":162},120,"loading",{"id":163,"label":164,"slug":165},12,"States & Feedback","states-and-feedback",{"id":58,"label":167,"slug":168,"rank":58,"group":169},"Account Setup","account-setup",{"id":58,"label":170,"slug":171},"Access & Account","access-and-account",[173],{"id":128,"title":129,"slug":130},{"slug":175,"title":176,"logo":177,"baseline":178,"categories":179},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[180,181,185],{"id":143,"title":144,"slug":145},{"id":182,"title":183,"slug":184},8,"Design","design",{"id":78,"title":79,"slug":80},{"uuid":187,"title":188,"description":189,"canonical_path":190,"image":191,"width":39,"height":40,"image_alt":192,"published_at":193,"kind":43,"patterns":194,"component_categories":205,"app":207},"77512f93-f1e3-4765-8282-203262c43cf5","Login","Verification screen where the user enters a 6-digit authenticator code to complete sign-in.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77512f93-f1e3-4765-8282-203262c43cf5.png","Login from Lovable","2026-05-18T10:58:24.000Z",[195,200],{"id":196,"label":197,"slug":198,"rank":49,"group":199},6,"Verification","verification",{"id":58,"label":170,"slug":171},{"id":201,"label":202,"slug":203,"rank":58,"group":204},4,"Sign In","sign-in",{"id":58,"label":170,"slug":171},[206],{"id":68,"title":69,"slug":70},{"slug":208,"title":209,"logo":210,"baseline":211,"categories":212},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[213,214,218],{"id":143,"title":144,"slug":145},{"id":215,"title":216,"slug":217},7,"Web Development","web-development",{"id":95,"title":219,"slug":220},"No code","no-code",{"uuid":222,"title":223,"description":224,"canonical_path":225,"image":226,"width":39,"height":40,"image_alt":227,"published_at":228,"kind":43,"patterns":229,"component_categories":244,"app":254},"fb3e757e-06d9-41de-b442-d61a8c7f4dcb","Analytics · nicelydone3","Analytics dashboard showing a loading skeleton state with an inline banner prompting the user to upgrade for advanced analytics features.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb3e757e-06d9-41de-b442-d61a8c7f4dcb.png","Analytics · nicelydone3 from Navattic","2026-05-05T10:32:31.000Z",[230,237,242],{"id":231,"label":232,"slug":233,"rank":49,"group":234},41,"Dashboard","dashboard",{"id":201,"label":235,"slug":236},"Data & Analysis","data-and-analysis",{"id":238,"label":239,"slug":240,"rank":58,"group":241},47,"Table","table",{"id":201,"label":235,"slug":236},{"id":160,"label":13,"slug":161,"rank":64,"group":243},{"id":163,"label":164,"slug":165},[245,249,253],{"id":246,"title":247,"slug":248},177,"Breadcrumb","breadcrumb",{"id":250,"title":251,"slug":252},226,"Skeleton","skeleton",{"id":68,"title":69,"slug":70},{"slug":255,"title":256,"logo":257,"baseline":258,"categories":259},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[260,264,265,266],{"id":261,"title":262,"slug":263},25,"Marketing","marketing",{"id":143,"title":144,"slug":145},{"id":95,"title":219,"slug":220},{"id":267,"title":268,"slug":269},103,"Demo Automation","demo-automation",{"uuid":271,"title":272,"description":273,"canonical_path":274,"image":275,"width":39,"height":276,"image_alt":277,"published_at":278,"kind":43,"patterns":279,"component_categories":287,"app":289},"047a9e03-905e-4042-b76d-6c15ece527da","Found","Identity verification screen where the user confirms their date of birth and the last four digits of their SSN while a submission is in progress.","\u002Fexamples\u002Fapps\u002Ffound\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F047a9e03-905e-4042-b76d-6c15ece527da.png",1776,"Found from Found","2026-03-30T13:28:50.000Z",[280,282],{"id":196,"label":197,"slug":198,"rank":49,"group":281},{"id":58,"label":170,"slug":171},{"id":283,"label":284,"slug":285,"rank":58,"group":286},101,"Security Settings","security-settings",{"id":99,"label":100,"slug":101},[288],{"id":68,"title":69,"slug":70},{"slug":290,"title":272,"logo":291,"baseline":292,"categories":293},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png","Smarter banking for your business",[294,298,302],{"id":295,"title":296,"slug":297},36,"Finance","finance",{"id":299,"title":300,"slug":301},39,"Payments","payments",{"id":303,"title":304,"slug":305},56,"Accounting","accounting",{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":39,"height":312,"image_alt":313,"published_at":314,"kind":43,"patterns":315,"component_categories":323,"app":330},"02b624a4-42b8-43c8-bdf1-877cd7ffce2a","Cake Portfolio App","List view where the user waits for their equity offers to load, displaying skeleton cards and a playful loading message.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02b624a4-42b8-43c8-bdf1-877cd7ffce2a.png",1780,"Cake Portfolio App from Cake","2025-10-20T12:38:07.000Z",[316,318],{"id":160,"label":13,"slug":161,"rank":49,"group":317},{"id":163,"label":164,"slug":165},{"id":319,"label":320,"slug":321,"rank":58,"group":322},115,"Empty State","empty-state",{"id":163,"label":164,"slug":165},[324,325,329],{"id":250,"title":251,"slug":252},{"id":326,"title":327,"slug":328},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":331,"title":332,"logo":333,"baseline":334,"categories":335},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[336,337],{"id":295,"title":296,"slug":297},{"id":338,"title":339,"slug":340},63,"Startups","startups",{"uuid":342,"title":343,"description":344,"canonical_path":345,"image":346,"width":39,"height":312,"image_alt":347,"published_at":348,"kind":43,"patterns":349,"component_categories":359,"app":371},"a9aee61f-3f2a-4122-8d16-0ec37f2bd37f","Firecrawl - The Web Data API for AI","Playground screen where the user enters a natural language prompt to generate extraction parameters for a web scraper, with a history of recent runs displayed below.","\u002Fexamples\u002Fapps\u002Ffirecrawl\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9aee61f-3f2a-4122-8d16-0ec37f2bd37f.png","Firecrawl - The Web Data API for AI from Firecrawl","2025-10-13T15:36:43.000Z",[350,355,357],{"id":351,"label":352,"slug":353,"rank":49,"group":354},30,"AI Generation","ai-generation",{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":356},{"id":51,"label":52,"slug":53},{"id":231,"label":232,"slug":233,"rank":64,"group":358},{"id":201,"label":235,"slug":236},[360,364,365,369,370],{"id":361,"title":362,"slug":363},168,"Accordion","accordion",{"id":116,"title":117,"slug":118},{"id":366,"title":367,"slug":368},240,"Horizontal navigation","horizontal-navigation",{"id":128,"title":129,"slug":130},{"id":68,"title":69,"slug":70},{"slug":372,"title":373,"logo":374,"baseline":375,"categories":376},"firecrawl","Firecrawl","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffirecrawl-5r4fbfp0.png","Turn websites into LLM-ready data",[377,378,379,383],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":380,"title":381,"slug":382},45,"Open Source","open-source",{"id":384,"title":385,"slug":386},48,"Developer Tools","developer-tools",{"uuid":388,"title":389,"description":390,"canonical_path":391,"image":392,"width":39,"height":312,"image_alt":393,"published_at":394,"kind":43,"patterns":395,"component_categories":410,"app":413},"56786cdd-b30f-40d9-9c77-a26b9a6a9ea7","Client Website Design – Meeting Notes - Circleback","Detail page where the user views meeting objectives and notes while the full AI transcript is actively generating.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56786cdd-b30f-40d9-9c77-a26b9a6a9ea7.png","Client Website Design – Meeting Notes - Circleback from Circleback","2025-10-13T14:40:38.000Z",[396,403],{"id":397,"label":398,"slug":399,"rank":49,"group":400},85,"Tasks","tasks",{"id":182,"label":401,"slug":402},"Pages & Content","pages-and-content",{"id":404,"label":405,"slug":406,"rank":58,"group":407},11,"Edit","edit",{"id":64,"label":408,"slug":409},"Actions","actions",[411,412],{"id":326,"title":327,"slug":328},{"id":68,"title":69,"slug":70},{"slug":414,"title":415,"logo":416,"baseline":417,"categories":418},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[419,422,426,430],{"id":351,"title":420,"slug":421},"Productivity","productivity",{"id":423,"title":424,"slug":425},82,"Communication","communication",{"id":427,"title":428,"slug":429},22,"Knowledge Management","knowledge-management",{"id":143,"title":144,"slug":145},{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":39,"height":312,"image_alt":437,"published_at":438,"kind":43,"patterns":439,"component_categories":452,"app":461},"ac39f5e3-d291-4d36-97bc-36aba9f4a6b5","Preview | Import | Nicelydone CRM","Data import screen showing a loading state while contacts are being imported in the background.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac39f5e3-d291-4d36-97bc-36aba9f4a6b5.png","Preview | Import | Nicelydone CRM from Capsule","2025-10-06T13:33:45.000Z",[440,445,447],{"id":441,"label":442,"slug":443,"rank":49,"group":444},15,"Import & Export","import-and-export",{"id":64,"label":408,"slug":409},{"id":160,"label":13,"slug":161,"rank":58,"group":446},{"id":163,"label":164,"slug":165},{"id":448,"label":449,"slug":450,"rank":64,"group":451},44,"Progress","progress",{"id":201,"label":235,"slug":236},[453,457,458,459,460],{"id":454,"title":455,"slug":456},227,"Stepper","stepper",{"id":366,"title":367,"slug":368},{"id":326,"title":327,"slug":328},{"id":128,"title":129,"slug":130},{"id":68,"title":69,"slug":70},{"slug":462,"title":463,"logo":464,"baseline":465,"categories":466},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[467],{"id":468,"title":469,"slug":470},53,"CRM","crm",{"uuid":472,"title":473,"description":474,"canonical_path":475,"image":476,"width":39,"height":477,"image_alt":478,"published_at":479,"kind":43,"patterns":480,"component_categories":497,"app":502},"1486ffe3-561e-406c-9708-6dd8998732fa","Parallel Platform","API playground where the user configures search parameters like objective and queries to test the Search API and view loading results and code examples.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1486ffe3-561e-406c-9708-6dd8998732fa.png",2692,"Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[481,486,488,495],{"id":482,"label":483,"slug":484,"rank":49,"group":485},32,"AI Search","ai-search",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":487},{"id":51,"label":52,"slug":53},{"id":468,"label":489,"slug":490,"rank":64,"group":491},"Code Editor","code-editor",{"id":492,"label":493,"slug":494},5,"Media & Tools","media-and-tools",{"id":160,"label":13,"slug":161,"rank":51,"group":496},{"id":163,"label":164,"slug":165},[498,499,500,501],{"id":120,"title":121,"slug":122},{"id":124,"title":125,"slug":126},{"id":128,"title":129,"slug":130},{"id":68,"title":69,"slug":70},{"slug":503,"title":504,"logo":505,"baseline":506,"categories":507},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[508,509,510],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":139,"title":140,"slug":141},{"uuid":512,"title":513,"description":514,"canonical_path":515,"image":516,"width":39,"height":312,"image_alt":517,"published_at":518,"kind":43,"patterns":519,"component_categories":532,"app":537},"0db12942-4e46-408f-a01d-616b703b0876","Wynde","Form builder where the user constructs a usability test by adding and configuring question blocks like first click and card sorting.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0db12942-4e46-408f-a01d-616b703b0876.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[520,525,527],{"id":521,"label":522,"slug":523,"rank":49,"group":524},42,"Form","form",{"id":201,"label":235,"slug":236},{"id":404,"label":405,"slug":406,"rank":58,"group":526},{"id":64,"label":408,"slug":409},{"id":528,"label":529,"slug":530,"rank":64,"group":531},102,"Settings","settings",{"id":99,"label":100,"slug":101},[533,534,535,536],{"id":366,"title":367,"slug":368},{"id":124,"title":125,"slug":126},{"id":128,"title":129,"slug":130},{"id":68,"title":69,"slug":70},{"slug":538,"title":513,"logo":539,"baseline":540,"categories":541},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[542,543],{"id":182,"title":183,"slug":184},{"id":544,"title":545,"slug":546},104,"User Research","user-research",[],[549,551,553,555,557,559,561,563,565,567,569,571,573,576,579,582,585,588,591,594,597,600,603,606],{"label":13,"to":550,"count":492},"\u002Fexamples\u002Fscreens\u002Floading",{"label":56,"to":552,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":47,"to":554,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":232,"to":556,"count":64},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":405,"to":558,"count":64},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":197,"to":560,"count":64},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":167,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":62,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":352,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":483,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":96,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":489,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":574,"to":575},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":577,"to":578},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":580,"to":581},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":583,"to":584},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":586,"to":587},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":589,"to":590},"Found design examples","\u002Fexamples\u002Fapps\u002Ffound",{"label":592,"to":593},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":595,"to":596},"Firecrawl design examples","\u002Fexamples\u002Fapps\u002Ffirecrawl",{"label":598,"to":599},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":601,"to":602},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":604,"to":605},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":607,"to":608},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"published_at":610,"updated_at":611},"2024-12-11T12:04:10.000Z","2026-09-09T17:07:17.000Z"]