[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fspinner":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":467,"links":468,"dates":525},"\u002Fexamples\u002Ftags\u002Fspinner","collection","screens",true,{"example_count":9,"app_count":10},97,74,{"id":12,"title":13,"description":14},17861,"Spinner","",{"title":16,"description":17,"og_image":18},"Spinner screen examples - Nicelydone","Spinner screen design examples from SaaS apps. Browse examples from Origin Financial, Riverside, Lithic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f7b151e-4404-47ed-af5f-cb789713958c.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Spinner screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"97 screens",[34,80,102,129,180,236,267,302,331,362,400,433],{"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":63},"4f7b151e-4404-47ed-af5f-cb789713958c","Origin Financial","Dashboard loading screen for the estate planning service, featuring a central spinner while the content fetches.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens",3024,1758,"Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},120,"Loading","loading",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",[55,59],{"id":56,"title":57,"slug":58},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":64,"title":36,"logo":65,"baseline":66,"categories":67},"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",[68,72,76],{"id":69,"title":70,"slug":71},36,"Finance","finance",{"id":73,"title":74,"slug":75},56,"Accounting","accounting",{"id":77,"title":78,"slug":79},80,"Artificial Intelligence","artificial-intelligence",{"uuid":81,"title":82,"description":83,"canonical_path":84,"image":85,"width":39,"height":40,"image_alt":86,"published_at":87,"kind":43,"patterns":88,"component_categories":91,"app":92},"7bafa9b1-b80e-47f7-9034-fb95918a0196","Riverside Studio","Full-screen loading state displaying a single centered spinner on a dark background.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bafa9b1-b80e-47f7-9034-fb95918a0196.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[89],{"id":46,"label":47,"slug":48,"rank":49,"group":90},{"id":51,"label":52,"slug":53},[],{"slug":93,"title":94,"logo":95,"baseline":96,"categories":97},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[98],{"id":99,"title":100,"slug":101},100,"Video","video",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":39,"height":40,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":113,"app":114},"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",[111],{"id":46,"label":47,"slug":48,"rank":49,"group":112},{"id":51,"label":52,"slug":53},[],{"slug":115,"title":116,"logo":117,"baseline":118,"categories":119},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[120,121,125],{"id":69,"title":70,"slug":71},{"id":122,"title":123,"slug":124},39,"Payments","payments",{"id":126,"title":127,"slug":128},37,"Developer APIs","developer-apis",{"uuid":130,"title":131,"description":132,"canonical_path":133,"image":134,"width":39,"height":40,"image_alt":135,"published_at":136,"kind":43,"patterns":137,"component_categories":160,"app":166},"be3ea444-43b4-48ee-8761-da9c987dd343","Spaces · Dock","AI chat overlay where the user asks to draft a follow-up email and watches the agent's reasoning and tool execution steps as it searches workspace content and emails.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe3ea444-43b4-48ee-8761-da9c987dd343.png","Spaces · Dock from Dock","2026-07-13T15:30:47.000Z",[138,146,152],{"id":139,"label":140,"slug":141,"rank":49,"group":142},26,"AI Agent","ai-agent",{"id":143,"label":144,"slug":145},3,"AI","ai",{"id":147,"label":148,"slug":149,"rank":150,"group":151},28,"AI Chat","ai-chat",1,{"id":143,"label":144,"slug":145},{"id":153,"label":154,"slug":155,"rank":156,"group":157},22,"Search","search",2,{"id":156,"label":158,"slug":159},"Actions","actions",[161,165],{"id":162,"title":163,"slug":164},284,"Modal","modal",{"id":60,"title":61,"slug":62},{"slug":167,"title":168,"logo":169,"baseline":170,"categories":171},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[172,176],{"id":173,"title":174,"slug":175},23,"Collaboration","collaboration",{"id":177,"title":178,"slug":179},29,"Task Management","task-management",{"uuid":181,"title":182,"description":183,"canonical_path":184,"image":185,"width":39,"height":40,"image_alt":186,"published_at":187,"kind":43,"patterns":188,"component_categories":205,"app":224},"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",[189,197],{"id":190,"label":191,"slug":192,"rank":49,"group":193},96,"Billing Settings","billing-settings",{"id":194,"label":195,"slug":196},10,"Settings & Admin","settings-and-admin",{"id":198,"label":199,"slug":200,"rank":150,"group":201},131,"Payment Form","payment-form",{"id":202,"label":203,"slug":204},14,"Payments & Checkout","payments-and-checkout",[206,210,214,218,219,223],{"id":207,"title":208,"slug":209},260,"Badge","badge",{"id":211,"title":212,"slug":213},257,"Input number","input-number",{"id":215,"title":216,"slug":217},233,"Tabs","tabs",{"id":162,"title":163,"slug":164},{"id":220,"title":221,"slug":222},174,"Card","card",{"id":60,"title":61,"slug":62},{"slug":225,"title":226,"logo":227,"baseline":228,"categories":229},"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",[230,234,235],{"id":231,"title":232,"slug":233},55,"Search engine","search-engine",{"id":77,"title":78,"slug":79},{"id":126,"title":127,"slug":128},{"uuid":237,"title":238,"description":239,"canonical_path":240,"image":241,"width":39,"height":40,"image_alt":242,"published_at":243,"kind":43,"patterns":244,"component_categories":253,"app":255},"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",[245,247],{"id":46,"label":47,"slug":48,"rank":49,"group":246},{"id":51,"label":52,"slug":53},{"id":150,"label":248,"slug":249,"rank":150,"group":250},"Account Setup","account-setup",{"id":150,"label":251,"slug":252},"Access & Account","access-and-account",[254],{"id":220,"title":221,"slug":222},{"slug":256,"title":257,"logo":258,"baseline":259,"categories":260},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[261,262,266],{"id":77,"title":78,"slug":79},{"id":263,"title":264,"slug":265},8,"Design","design",{"id":173,"title":174,"slug":175},{"uuid":268,"title":269,"description":270,"canonical_path":271,"image":272,"width":39,"height":40,"image_alt":273,"published_at":274,"kind":43,"patterns":275,"component_categories":281,"app":284},"173d5f88-ad70-42ce-af4e-220c8d910325","Login","Sign-in screen where the user is submitting their email address to authenticate, with an alternative option to sign in with Google.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F173d5f88-ad70-42ce-af4e-220c8d910325.png","Login from Navattic","2026-05-05T10:32:31.000Z",[276],{"id":277,"label":278,"slug":279,"rank":49,"group":280},4,"Sign In","sign-in",{"id":150,"label":251,"slug":252},[282,283],{"id":220,"title":221,"slug":222},{"id":60,"title":61,"slug":62},{"slug":285,"title":286,"logo":287,"baseline":288,"categories":289},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[290,294,295,298],{"id":291,"title":292,"slug":293},25,"Marketing","marketing",{"id":77,"title":78,"slug":79},{"id":190,"title":296,"slug":297},"No code","no-code",{"id":299,"title":300,"slug":301},103,"Demo Automation","demo-automation",{"uuid":303,"title":304,"description":305,"canonical_path":306,"image":307,"width":39,"height":308,"image_alt":309,"published_at":310,"kind":43,"patterns":311,"component_categories":316,"app":319},"bfb63977-eeee-4634-83ef-362c77bdf87d","Check your email","Sign-in screen where the user has submitted their email address and the primary authentication action is currently loading.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfb63977-eeee-4634-83ef-362c77bdf87d.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[312,314],{"id":277,"label":278,"slug":279,"rank":49,"group":313},{"id":150,"label":251,"slug":252},{"id":46,"label":47,"slug":48,"rank":150,"group":315},{"id":51,"label":52,"slug":53},[317,318],{"id":220,"title":221,"slug":222},{"id":60,"title":61,"slug":62},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[325,329,330],{"id":326,"title":327,"slug":328},48,"Developer Tools","developer-tools",{"id":173,"title":174,"slug":175},{"id":126,"title":127,"slug":128},{"uuid":332,"title":333,"description":334,"canonical_path":335,"image":336,"width":337,"height":338,"image_alt":339,"published_at":340,"kind":43,"patterns":341,"component_categories":344,"app":347},"b5a312fc-2b84-4b95-af6a-60db13035c5b","Your first project - Maze Draft","Detail page where the user waits for a specific project or maze to finish loading.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5a312fc-2b84-4b95-af6a-60db13035c5b.png",2880,1670,"Your first project - Maze Draft from Maze","2026-04-20T14:45:59.000Z",[342],{"id":46,"label":47,"slug":48,"rank":49,"group":343},{"id":51,"label":52,"slug":53},[345,346],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":348,"title":349,"logo":350,"baseline":351,"categories":352},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[353,354,358],{"id":263,"title":264,"slug":265},{"id":355,"title":356,"slug":357},69,"Surveys","surveys",{"id":359,"title":360,"slug":361},104,"User Research","user-research",{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":39,"height":368,"image_alt":369,"published_at":370,"kind":43,"patterns":371,"component_categories":379,"app":382},"75955c8d-6f1f-455f-9e3c-625bde796f42","Cushion","Content editor modal where the user is writing a draft with a table, currently in a loading state while saving or submitting.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75955c8d-6f1f-455f-9e3c-625bde796f42.png",1776,"Cushion from Cushion","2026-04-14T11:44:00.000Z",[372,377],{"id":373,"label":374,"slug":375,"rank":49,"group":376},11,"Edit","edit",{"id":156,"label":158,"slug":159},{"id":46,"label":47,"slug":48,"rank":150,"group":378},{"id":51,"label":52,"slug":53},[380,381],{"id":162,"title":163,"slug":164},{"id":60,"title":61,"slug":62},{"slug":383,"title":364,"logo":384,"baseline":385,"categories":386},"cushion-so","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[387,388,392,396],{"id":173,"title":174,"slug":175},{"id":389,"title":390,"slug":391},42,"Messaging","messaging",{"id":393,"title":394,"slug":395},82,"Communication","communication",{"id":397,"title":398,"slug":399},89,"Remote","remote",{"uuid":401,"title":402,"description":403,"canonical_path":404,"image":405,"width":39,"height":406,"image_alt":407,"published_at":408,"kind":43,"patterns":409,"component_categories":418,"app":419},"9d81ca5a-3948-47c5-b1fb-a7769770ba09","Anara  Faster research","Blank screen with a single centered loading spinner.","\u002Fexamples\u002Fapps\u002Fanara\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d81ca5a-3948-47c5-b1fb-a7769770ba09.png",1844,"Anara  Faster research from Anara","2025-11-10T14:31:29.000Z",[410],{"id":411,"label":412,"slug":413,"rank":49,"group":414},136,"Landing Page","landing-page",{"id":415,"label":416,"slug":417},15,"Marketing Page Types","marketing-page-types",[],{"slug":420,"title":421,"logo":422,"baseline":423,"categories":424},"anara","Anara","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6bbe68b1-4052-4186-ad87-deafc4bab562.png","AI workspace for scientists, students, and research teams",[425,426,429],{"id":77,"title":78,"slug":79},{"id":153,"title":427,"slug":428},"Knowledge Management","knowledge-management",{"id":430,"title":431,"slug":432},59,"Writing tools","writing-tools",{"uuid":434,"title":435,"description":436,"canonical_path":437,"image":438,"width":39,"height":439,"image_alt":440,"published_at":441,"kind":43,"patterns":442,"component_categories":450,"app":457},"a69867aa-9378-4a6b-8198-d24e6e82be80","Clay | Copy of Job Posting Events from Find software developers (14 June 2025)","App view in a loading state featuring a central spinner and a success toast confirming a restored table.","\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa69867aa-9378-4a6b-8198-d24e6e82be80.png",1780,"Clay | Copy of Job Posting Events from Find software developers (14 June 2025) from Clay","2025-06-17T08:39:37.000Z",[443,445],{"id":46,"label":47,"slug":48,"rank":49,"group":444},{"id":51,"label":52,"slug":53},{"id":446,"label":447,"slug":448,"rank":150,"group":449},114,"Confirmation","confirmation",{"id":51,"label":52,"slug":53},[451,455,456],{"id":452,"title":453,"slug":454},240,"Horizontal navigation","horizontal-navigation",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":458,"title":459,"logo":460,"baseline":461,"categories":462},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[463],{"id":464,"title":465,"slug":466},53,"CRM","crm",[],[469,471,473,475,477,479,481,483,485,487,489,492,495,498,501,504,507,510,513,516,519,522],{"label":47,"to":470,"count":263},"\u002Fexamples\u002Fscreens\u002Floading",{"label":278,"to":472,"count":156},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":248,"to":474,"count":150},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":140,"to":476,"count":150},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":148,"to":478,"count":150},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":191,"to":480,"count":150},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":447,"to":482,"count":150},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":374,"to":484,"count":150},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":199,"to":486,"count":150},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":154,"to":488,"count":150},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":490,"to":491},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":493,"to":494},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":496,"to":497},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":499,"to":500},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":502,"to":503},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":505,"to":506},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":508,"to":509},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":511,"to":512},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":514,"to":515},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":517,"to":518},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":520,"to":521},"Anara design examples","\u002Fexamples\u002Fapps\u002Fanara",{"label":523,"to":524},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"published_at":526,"updated_at":527},"2024-12-14T14:55:06.000Z","2026-09-05T20:19:47.553Z"]