[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Floader":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":471,"links":472,"dates":524},"\u002Fexamples\u002Ftags\u002Floader","collection","screens",true,{"example_count":9,"app_count":10},766,233,{"id":12,"title":13,"description":14},207688,"Loader","",{"title":16,"description":17,"og_image":18},"Loader screen examples - Nicelydone","Loader screen design examples from SaaS apps. Browse examples from Notion Mail, Record club, Sora.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fddbee14b-e638-458e-8aa5-7128d4802e2f.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Loader screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"766 screens",[34,82,126,179,208,235,263,289,335,364,400,441],{"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":63,"app":68},"ddbee14b-e638-458e-8aa5-7128d4802e2f","Your connected workspace for wiki, docs & projects | Notion","Onboarding screen where the application is getting set up, featuring a centered loading spinner and a floating cookie consent banner at the bottom.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens",3024,1714,"Your connected workspace for wiki, docs & projects | Notion from Notion Mail","2025-04-21T10:48:03.000Z","screen",[45,54],{"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",{"id":55,"label":56,"slug":57,"rank":58,"group":59},74,"Onboarding Checklist","onboarding-checklist",1,{"id":60,"label":61,"slug":62},7,"Onboarding & Education","onboarding-and-education",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":69,"title":70,"logo":71,"baseline":72,"categories":73},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[74,78],{"id":75,"title":76,"slug":77},92,"Email","email",{"id":79,"title":80,"slug":81},80,"Artificial Intelligence","artificial-intelligence",{"uuid":83,"title":84,"description":85,"canonical_path":86,"image":87,"width":39,"height":40,"image_alt":88,"published_at":89,"kind":43,"patterns":90,"component_categories":99,"app":112},"c5e9050f-0b86-453b-acef-bf1b52b6f615","Reviews – Record Club","Community page showing a skeleton loading state for a feed of reviews, with a segmented control to toggle between everyone and following.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5e9050f-0b86-453b-acef-bf1b52b6f615.png","Reviews – Record Club from Record club","2025-04-21T10:47:50.000Z",[91],{"id":92,"label":93,"slug":94,"rank":49,"group":95},164,"Community Page","community-page",{"id":96,"label":97,"slug":98},15,"Marketing Page Types","marketing-page-types",[100,103,107,111],{"id":10,"title":101,"slug":102},"Tabs","tabs",{"id":104,"title":105,"slug":106},258,"Header","header",{"id":108,"title":109,"slug":110},226,"Skeleton","skeleton",{"id":65,"title":66,"slug":67},{"slug":113,"title":114,"logo":115,"baseline":116,"categories":117},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[118,122],{"id":119,"title":120,"slug":121},20,"Music","music",{"id":123,"title":124,"slug":125},14,"Social","social",{"uuid":127,"title":128,"description":129,"canonical_path":130,"image":131,"width":39,"height":132,"image_alt":133,"published_at":134,"kind":43,"patterns":135,"component_categories":155,"app":169},"d0e0293e-eca9-4d9f-8051-9090a53ec608","Sora","AI video generation screen showing a circular progress indicator while rendering a prompt about a Goonies Ghibli fusion.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0e0293e-eca9-4d9f-8051-9090a53ec608.png",1780,"Sora from Sora","2025-04-14T09:27:56.000Z",[136,144,146],{"id":137,"label":138,"slug":139,"rank":49,"group":140},30,"AI Generation","ai-generation",{"id":141,"label":142,"slug":143},3,"AI","ai",{"id":46,"label":47,"slug":48,"rank":58,"group":145},{"id":51,"label":52,"slug":53},{"id":147,"label":148,"slug":149,"rank":150,"group":151},82,"Media Detail","media-detail",2,{"id":152,"label":153,"slug":154},8,"Pages & Content","pages-and-content",[156,160,164,168],{"id":157,"title":158,"slug":159},177,"Breadcrumb","breadcrumb",{"id":161,"title":162,"slug":163},169,"Avatar","avatar",{"id":165,"title":166,"slug":167},240,"Horizontal navigation","horizontal-navigation",{"id":65,"title":66,"slug":67},{"slug":170,"title":128,"logo":171,"baseline":172,"categories":173},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[174,175],{"id":79,"title":80,"slug":81},{"id":176,"title":177,"slug":178},100,"Video","video",{"uuid":180,"title":181,"description":182,"canonical_path":183,"image":184,"width":39,"height":40,"image_alt":185,"published_at":186,"kind":43,"patterns":187,"component_categories":197,"app":201},"8caeb7c5-dda5-4d45-83f7-3fae35c6cf3d","New conversation - Grok","AI chat interface where the user has prompted for an image of astronauts on the moon, displaying loading skeletons while the images generate.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8caeb7c5-dda5-4d45-83f7-3fae35c6cf3d.png","New conversation - Grok from Grok","2025-04-14T08:55:44.000Z",[188,193,195],{"id":189,"label":190,"slug":191,"rank":49,"group":192},28,"AI Chat","ai-chat",{"id":141,"label":142,"slug":143},{"id":46,"label":47,"slug":48,"rank":58,"group":194},{"id":51,"label":52,"slug":53},{"id":137,"label":138,"slug":139,"rank":150,"group":196},{"id":141,"label":142,"slug":143},[198,199,200],{"id":165,"title":166,"slug":167},{"id":108,"title":109,"slug":110},{"id":65,"title":66,"slug":67},{"slug":202,"title":203,"logo":204,"baseline":205,"categories":206},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[207],{"id":79,"title":80,"slug":81},{"uuid":209,"title":210,"description":211,"canonical_path":212,"image":213,"width":39,"height":214,"image_alt":215,"published_at":216,"kind":43,"patterns":217,"component_categories":220,"app":221},"f9055c02-aeb4-463e-9eaf-92fc35ce151d","Generic Design","Loading screen displaying the Supercut logo centered on a dark background.","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9055c02-aeb4-463e-9eaf-92fc35ce151d.png",1778,"Generic Design from Supercut","2025-03-03T15:15:27.000Z",[218],{"id":46,"label":47,"slug":48,"rank":49,"group":219},{"id":51,"label":52,"slug":53},[],{"slug":222,"title":223,"logo":224,"baseline":225,"categories":226},"supercut","Supercut","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","Record your screen & communicate like a pro",[227,231,234],{"id":228,"title":229,"slug":230},23,"Collaboration","collaboration",{"id":147,"title":232,"slug":233},"Communication","communication",{"id":176,"title":177,"slug":178},{"uuid":236,"title":237,"description":238,"canonical_path":239,"image":240,"width":39,"height":214,"image_alt":241,"published_at":242,"kind":43,"patterns":243,"component_categories":251,"app":253},"13151df2-2d96-4db5-8154-20533e5eb100","Set your password | WeTransfer","Signup screen displaying a loading spinner while processing the transition to the payment confirmation step.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13151df2-2d96-4db5-8154-20533e5eb100.png","Set your password | WeTransfer from WeTransfer","2025-02-24T16:12:09.000Z",[244,246],{"id":46,"label":47,"slug":48,"rank":49,"group":245},{"id":51,"label":52,"slug":53},{"id":247,"label":248,"slug":249,"rank":58,"group":250},114,"Confirmation","confirmation",{"id":51,"label":52,"slug":53},[252],{"id":157,"title":158,"slug":159},{"slug":254,"title":255,"logo":256,"baseline":257,"categories":258},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[259],{"id":260,"title":261,"slug":262},71,"File sharing","file-sharing",{"uuid":264,"title":265,"description":266,"canonical_path":267,"image":268,"width":39,"height":214,"image_alt":269,"published_at":270,"kind":43,"patterns":271,"component_categories":274,"app":275},"1a77fe0b-fd6f-4c53-9e74-b171e43ca605","Flodesk | Design emails people love to get.","Loading screen displaying a spinner and the playful message 'Dance like you're WFH' while the application loads.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a77fe0b-fd6f-4c53-9e74-b171e43ca605.png","Flodesk | Design emails people love to get. from Flodesk","2025-02-24T15:36:57.000Z",[272],{"id":46,"label":47,"slug":48,"rank":49,"group":273},{"id":51,"label":52,"slug":53},[],{"slug":276,"title":277,"logo":278,"baseline":279,"categories":280},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[281,285],{"id":282,"title":283,"slug":284},27,"Email Newsletters","email-newsletters",{"id":286,"title":287,"slug":288},25,"Marketing","marketing",{"uuid":290,"title":291,"description":292,"canonical_path":293,"image":294,"width":39,"height":295,"image_alt":296,"published_at":297,"kind":43,"patterns":298,"component_categories":304,"app":324},"10865f9b-636a-4549-82a6-8d65a40d25dc","Amzn.id – Free Amazon Link Shortener | Dub.co","Marketing tool page offering a free Amazon link shortener, featuring a live leaderboard of popular links, product features, and customer testimonials.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10865f9b-636a-4549-82a6-8d65a40d25dc.png",17306,"Amzn.id – Free Amazon Link Shortener | Dub.co from Dub","2025-02-17T13:43:13.000Z",[299],{"id":300,"label":301,"slug":302,"rank":49,"group":303},156,"Free Tool","free-tool",{"id":96,"label":97,"slug":98},[305,309,313,317,318,322,323],{"id":306,"title":307,"slug":308},260,"Badge","badge",{"id":310,"title":311,"slug":312},232,"Testimonial","testimonial",{"id":314,"title":315,"slug":316},202,"Footer","footer",{"id":104,"title":105,"slug":106},{"id":319,"title":320,"slug":321},174,"Card","card",{"id":108,"title":109,"slug":110},{"id":65,"title":66,"slug":67},{"slug":325,"title":326,"logo":327,"baseline":328,"categories":329},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[330,331],{"id":286,"title":287,"slug":288},{"id":332,"title":333,"slug":334},46,"Analytics","analytics",{"uuid":336,"title":337,"description":338,"canonical_path":339,"image":340,"width":39,"height":214,"image_alt":341,"published_at":342,"kind":43,"patterns":343,"component_categories":346,"app":347},"18c1016c-1e15-4ac2-a3ef-9615f39af7b7","Motion","App loading screen displaying a spinner and a preparing message before entering the workspace.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18c1016c-1e15-4ac2-a3ef-9615f39af7b7.png","Motion from Motion","2025-02-10T16:08:17.000Z",[344],{"id":46,"label":47,"slug":48,"rank":49,"group":345},{"id":51,"label":52,"slug":53},[],{"slug":348,"title":337,"logo":349,"baseline":350,"categories":351},"motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[352,353,357,360],{"id":79,"title":80,"slug":81},{"id":354,"title":355,"slug":356},29,"Task Management","task-management",{"id":137,"title":358,"slug":359},"Productivity","productivity",{"id":361,"title":362,"slug":363},101,"Calendar","calendar",{"uuid":365,"title":366,"description":367,"canonical_path":368,"image":369,"width":39,"height":214,"image_alt":370,"published_at":371,"kind":43,"patterns":372,"component_categories":377,"app":390},"26f19439-f47a-4db3-8c45-d496ce9cfa62","Equity Planner | Secfi","App screen where a loading modal informs the user that their equity plans are being generated after completing a multi-step planner.","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26f19439-f47a-4db3-8c45-d496ce9cfa62.png","Equity Planner | Secfi from Secfi","2025-02-03T13:08:50.000Z",[373,375],{"id":46,"label":47,"slug":48,"rank":49,"group":374},{"id":51,"label":52,"slug":53},{"id":137,"label":138,"slug":139,"rank":58,"group":376},{"id":141,"label":142,"slug":143},[378,382,386,387,388,389],{"id":379,"title":380,"slug":381},284,"Modal","modal",{"id":383,"title":384,"slug":385},227,"Stepper","stepper",{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":319,"title":320,"slug":321},{"id":65,"title":66,"slug":67},{"slug":391,"title":392,"logo":393,"baseline":394,"categories":395},"secfi","Secfi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsecfi-680f7b1f.png","The leading financial advisor for tech people",[396],{"id":397,"title":398,"slug":399},36,"Finance","finance",{"uuid":401,"title":402,"description":403,"canonical_path":404,"image":405,"width":39,"height":214,"image_alt":406,"published_at":407,"kind":43,"patterns":408,"component_categories":419,"app":422},"f624c193-6e4c-4935-80fb-28956a3a707d","Kajabi - adminpipelines2148628580edit","Workflow editor for a marketing funnel in a loading state, showing a left sidebar with sequence steps.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff624c193-6e4c-4935-80fb-28956a3a707d.png","Kajabi - adminpipelines2148628580edit from Kajabi","2025-01-27T19:31:18.000Z",[409,411],{"id":46,"label":47,"slug":48,"rank":49,"group":410},{"id":51,"label":52,"slug":53},{"id":412,"label":413,"slug":414,"rank":58,"group":415},129,"Workflow Builder","workflow-builder",{"id":416,"label":417,"slug":418},13,"Workflow & Automation","workflow-and-automation",[420,421],{"id":319,"title":320,"slug":321},{"id":65,"title":66,"slug":67},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[428,432,433,436,437],{"id":429,"title":430,"slug":431},32,"Education","education",{"id":286,"title":287,"slug":288},{"id":58,"title":434,"slug":435},"Communities","communities",{"id":282,"title":283,"slug":284},{"id":438,"title":439,"slug":440},33,"E-Learning","e-learning",{"uuid":442,"title":443,"description":444,"canonical_path":445,"image":446,"width":39,"height":214,"image_alt":447,"published_at":448,"kind":43,"patterns":449,"component_categories":452,"app":453},"7ac38eaf-d714-47b4-8e8b-891ef6841a80","Switching to another project · Jimo","Loading screen displaying a centered spinner and a message indicating that the Maxibestof workspace is loading.","\u002Fexamples\u002Fapps\u002Fjimo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ac38eaf-d714-47b4-8e8b-891ef6841a80.png","Switching to another project · Jimo from Jimo","2025-01-13T14:25:22.000Z",[450],{"id":46,"label":47,"slug":48,"rank":49,"group":451},{"id":51,"label":52,"slug":53},[],{"slug":454,"title":455,"logo":456,"baseline":457,"categories":458},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[459,463,467],{"id":460,"title":461,"slug":462},47,"Customer Service","customer-service",{"id":464,"title":465,"slug":466},69,"Surveys","surveys",{"id":468,"title":469,"slug":470},96,"No code","no-code",[],[473,476,478,480,482,484,486,488,491,494,497,500,503,506,509,512,515,518,521],{"label":47,"to":474,"count":475},"\u002Fexamples\u002Fscreens\u002Floading",10,{"label":138,"to":477,"count":141},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":190,"to":479,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":248,"to":481,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":148,"to":483,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":56,"to":485,"count":58},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":413,"to":487,"count":58},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":489,"to":490},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":492,"to":493},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":495,"to":496},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":498,"to":499},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":501,"to":502},"Supercut design examples","\u002Fexamples\u002Fapps\u002Fsupercut",{"label":504,"to":505},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":507,"to":508},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":510,"to":511},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":513,"to":514},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":516,"to":517},"Secfi design examples","\u002Fexamples\u002Fapps\u002Fsecfi",{"label":519,"to":520},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":522,"to":523},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"published_at":525,"updated_at":526},"2025-01-12T20:32:38.000Z","2026-09-09T17:07:16.000Z"]