[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcircular-progress":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":607},"\u002Fexamples\u002Ftags\u002Fcircular-progress","collection","screens",true,{"example_count":9,"app_count":10},16,12,{"id":12,"title":13,"description":14},3226,"Circular progress","",{"title":16,"description":17,"og_image":18},"Circular progress screen examples - Nicelydone","Circular progress screen design examples from SaaS apps. Browse examples from Mighty, Jimo, Linear.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9020c48c-0bbf-407c-883b-4b2372b28530.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Circular progress screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"16 screens",[34,105,169,209,236,282,314,350,401,437,483,515],{"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":71,"app":88},"9020c48c-0bbf-407c-883b-4b2372b28530","Nicelydone","List view where the user's saved bookmarks would appear, currently displaying an empty state message.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens",3024,1780,"Nicelydone from Mighty","2025-09-01T19:09:04.000Z","screen",[45,53,62],{"id":46,"label":47,"slug":48,"rank":49,"group":50},115,"Empty State","empty-state",0,{"id":10,"label":51,"slug":52},"States & Feedback","states-and-feedback",{"id":54,"label":55,"slug":56,"rank":57,"group":58},46,"Stats","stats",1,{"id":59,"label":60,"slug":61},4,"Data & Analysis","data-and-analysis",{"id":63,"label":64,"slug":65,"rank":66,"group":67},92,"Upgrade Prompt","upgrade-prompt",2,{"id":68,"label":69,"slug":70},9,"Plans & Limits","plans-and-limits",[72,76,80,84],{"id":73,"title":74,"slug":75},168,"Accordion","accordion",{"id":77,"title":78,"slug":79},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[94,98,101],{"id":95,"title":96,"slug":97},33,"E-Learning","e-learning",{"id":57,"title":99,"slug":100},"Communities","communities",{"id":102,"title":103,"slug":104},26,"Events","events",{"uuid":106,"title":107,"description":108,"canonical_path":109,"image":110,"width":39,"height":111,"image_alt":112,"published_at":113,"kind":43,"patterns":114,"component_categories":129,"app":151},"3b45b9ab-892e-4178-ad1a-a9b16b351f9d","Tell us about you · Jimo","Onboarding step where the user customizes their branding colors and background style, with a live preview of a feedback widget.","\u002Fexamples\u002Fapps\u002Fjimo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b45b9ab-892e-4178-ad1a-a9b16b351f9d.png",1778,"Tell us about you · Jimo from Jimo","2025-01-13T14:25:22.000Z",[115,121],{"id":57,"label":116,"slug":117,"rank":49,"group":118},"Account Setup","account-setup",{"id":57,"label":119,"slug":120},"Access & Account","access-and-account",{"id":122,"label":123,"slug":124,"rank":57,"group":125},72,"Getting Started","getting-started",{"id":126,"label":127,"slug":128},7,"Onboarding & Education","onboarding-and-education",[130,134,138,142,146,150],{"id":131,"title":132,"slug":133},183,"Color picker","color-picker",{"id":135,"title":136,"slug":137},227,"Stepper","stepper",{"id":139,"title":140,"slug":141},233,"Tabs","tabs",{"id":143,"title":144,"slug":145},260,"Badge","badge",{"id":147,"title":148,"slug":149},174,"Card","card",{"id":85,"title":86,"slug":87},{"slug":152,"title":153,"logo":154,"baseline":155,"categories":156},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[157,161,165],{"id":158,"title":159,"slug":160},47,"Customer Service","customer-service",{"id":162,"title":163,"slug":164},69,"Surveys","surveys",{"id":166,"title":167,"slug":168},96,"No code","no-code",{"uuid":170,"title":171,"description":172,"canonical_path":173,"image":174,"width":39,"height":175,"image_alt":176,"published_at":177,"kind":43,"patterns":178,"component_categories":186,"app":187},"e23afc4c-4155-47ed-bfe3-585191680953","Nicelydone 03 › Active issues","Onboarding step where the user waits while the system initializes their new workspace.","\u002Fexamples\u002Fapps\u002Flinear\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe23afc4c-4155-47ed-bfe3-585191680953.png",1876,"Nicelydone 03 › Active issues from Linear","2024-07-22T13:38:34.000Z",[179,184],{"id":180,"label":181,"slug":182,"rank":49,"group":183},120,"Loading","loading",{"id":10,"label":51,"slug":52},{"id":57,"label":116,"slug":117,"rank":57,"group":185},{"id":57,"label":119,"slug":120},[],{"slug":188,"title":189,"logo":190,"baseline":191,"categories":192},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[193,197,201,205],{"id":194,"title":195,"slug":196},29,"Task Management","task-management",{"id":198,"title":199,"slug":200},30,"Productivity","productivity",{"id":202,"title":203,"slug":204},23,"Collaboration","collaboration",{"id":206,"title":207,"slug":208},86,"Product management","product-management",{"uuid":210,"title":211,"description":212,"canonical_path":213,"image":214,"width":39,"height":215,"image_alt":216,"published_at":217,"kind":43,"patterns":218,"component_categories":221,"app":222},"6a5be324-37f3-4c25-82a8-de49ec0c0ddf","Anthropic Console","Dashboard screen showing a centered loading spinner before content resolves.","\u002Fexamples\u002Fapps\u002Fanthropic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a5be324-37f3-4c25-82a8-de49ec0c0ddf.png",1662,"Anthropic Console from Anthropic","2024-07-01T12:53:33.000Z",[219],{"id":180,"label":181,"slug":182,"rank":49,"group":220},{"id":10,"label":51,"slug":52},[],{"slug":223,"title":224,"logo":225,"baseline":226,"categories":227},"anthropic","Anthropic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fanthropic-95806481.png","AI research and products that put safety at the frontier",[228,232],{"id":229,"title":230,"slug":231},80,"Artificial Intelligence","artificial-intelligence",{"id":233,"title":234,"slug":235},77,"Machine learning","machine-learning",{"uuid":237,"title":238,"description":239,"canonical_path":240,"image":241,"width":39,"height":242,"image_alt":243,"published_at":244,"kind":43,"patterns":245,"component_categories":254,"app":264},"81c22e76-d0e8-4573-9470-d45be95c1322","Stripe Newsroom The Latest News | Announcements","Newsroom page where the user can browse recent product announcements, read customer stories, and find press contact information.","\u002Fexamples\u002Fapps\u002Fstripe\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81c22e76-d0e8-4573-9470-d45be95c1322.png",10862,"Stripe Newsroom The Latest News | Announcements from Stripe","2024-06-11T07:27:39.000Z",[246],{"id":247,"label":248,"slug":249,"rank":49,"group":250},173,"Newsroom","newsroom",{"id":251,"label":252,"slug":253},15,"Marketing Page Types","marketing-page-types",[255,259,263],{"id":256,"title":257,"slug":258},258,"Header","header",{"id":260,"title":261,"slug":262},202,"Footer","footer",{"id":147,"title":148,"slug":149},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"stripe","Stripe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png","Payments infrastructure for the internet",[270,274,278],{"id":271,"title":272,"slug":273},36,"Finance","finance",{"id":275,"title":276,"slug":277},37,"Developer APIs","developer-apis",{"id":279,"title":280,"slug":281},39,"Payments","payments",{"uuid":283,"title":284,"description":285,"canonical_path":286,"image":287,"width":39,"height":288,"image_alt":289,"published_at":290,"kind":43,"patterns":291,"component_categories":301,"app":302},"e02fc251-8f04-434a-a302-e7f14d74dfce","AI challenge · Meiro","Full-screen loading state where the app indicates it is preparing to generate content with AI.","\u002Fexamples\u002Fapps\u002Fmeiro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02fc251-8f04-434a-a302-e7f14d74dfce.png",1658,"AI challenge · Meiro from Meiro","2024-04-22T08:36:23.000Z",[292,294],{"id":180,"label":181,"slug":182,"rank":49,"group":293},{"id":10,"label":51,"slug":52},{"id":198,"label":295,"slug":296,"rank":57,"group":297},"AI Generation","ai-generation",{"id":298,"label":299,"slug":300},3,"AI","ai",[],{"slug":303,"title":304,"logo":305,"baseline":306,"categories":307},"meiro","Meiro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmeiro-1a1702c0.png","AI-powered builder for tests, quizzes and text games",[308,309,313],{"id":229,"title":230,"slug":231},{"id":310,"title":311,"slug":312},32,"Education","education",{"id":162,"title":163,"slug":164},{"uuid":315,"title":316,"description":317,"canonical_path":318,"image":319,"width":39,"height":320,"image_alt":321,"published_at":322,"kind":43,"patterns":323,"component_categories":329,"app":338},"32eda5db-ead3-4ad2-9564-f1056cea454f","Plane - The open source project management tool","Landing page for an open-source project management tool highlighting features like custom workflows, cycles, and integrations, alongside GitHub community metrics.","\u002Fexamples\u002Fapps\u002Fplane\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32eda5db-ead3-4ad2-9564-f1056cea454f.png",15192,"Plane - The open source project management tool from Plane","2023-11-27T17:00:43.000Z",[324],{"id":325,"label":326,"slug":327,"rank":49,"group":328},136,"Landing Page","landing-page",{"id":251,"label":252,"slug":253},[330,334,335,336,337],{"id":331,"title":332,"slug":333},277,"Button group","button-group",{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":85,"title":86,"slug":87},{"id":147,"title":148,"slug":149},{"slug":339,"title":340,"logo":341,"baseline":342,"categories":343},"plane","Plane","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplane-2z3nu5f0.png","Project management tool from the future.",[344,345,349],{"id":206,"title":207,"slug":208},{"id":346,"title":347,"slug":348},22,"Knowledge Management","knowledge-management",{"id":194,"title":195,"slug":196},{"uuid":351,"title":352,"description":353,"canonical_path":354,"image":355,"width":39,"height":356,"image_alt":357,"published_at":358,"kind":43,"patterns":359,"component_categories":378,"app":386},"1fe578e5-0dea-445f-87b0-35bb641a968d","Literal.club | Track your reading and discover new books","Home screen with a modal overlay where the user sets a new reading goal for the year.","\u002Fexamples\u002Fapps\u002Fliteral\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fe578e5-0dea-445f-87b0-35bb641a968d.png",1674,"Literal.club | Track your reading and discover new books from Literal","2023-07-17T14:06:00.000Z",[360,368,373],{"id":361,"label":362,"slug":363,"rank":49,"group":364},81,"Home","home",{"id":365,"label":366,"slug":367},8,"Pages & Content","pages-and-content",{"id":369,"label":370,"slug":371,"rank":57,"group":372},114,"Confirmation","confirmation",{"id":10,"label":51,"slug":52},{"id":374,"label":375,"slug":376,"rank":66,"group":377},44,"Progress","progress",{"id":59,"label":60,"slug":61},[379,380,384,385],{"id":77,"title":78,"slug":79},{"id":381,"title":382,"slug":383},284,"Modal","modal",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":387,"title":388,"logo":389,"baseline":390,"categories":391},"literal","Literal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fliteral-eae13629.png","Discover, organise & discuss books",[392,393,397],{"id":57,"title":99,"slug":100},{"id":394,"title":395,"slug":396},65,"Social Bookmarking","social-bookmarking",{"id":398,"title":399,"slug":400},66,"Reading apps","reading-apps",{"uuid":402,"title":403,"description":404,"canonical_path":405,"image":406,"width":39,"height":407,"image_alt":408,"published_at":409,"kind":43,"patterns":410,"component_categories":416,"app":421},"81749657-da79-4d39-b1bc-1f7c4de4ae86","Find the right Swell Agency","Partner directory page where the user can search, filter by region and expertise, and browse certified ecommerce agency partners to find a match.","\u002Fexamples\u002Fapps\u002Fswell\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81749657-da79-4d39-b1bc-1f7c4de4ae86.png",17282,"Find the right Swell Agency from Swell","2023-01-20T09:16:27.000Z",[411],{"id":412,"label":413,"slug":414,"rank":49,"group":415},164,"Community Page","community-page",{"id":251,"label":252,"slug":253},[417,418,419,420],{"id":143,"title":144,"slug":145},{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":147,"title":148,"slug":149},{"slug":422,"title":423,"logo":424,"baseline":425,"categories":426},"swell","Swell","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fswell-81212618.png","Next-level ecommerce for everyone",[427,431,434],{"id":428,"title":429,"slug":430},48,"Developer Tools","developer-tools",{"id":298,"title":432,"slug":433},"Shopping","shopping",{"id":126,"title":435,"slug":436},"Web Development","web-development",{"uuid":438,"title":439,"description":440,"canonical_path":441,"image":442,"width":39,"height":443,"image_alt":444,"published_at":445,"kind":43,"patterns":446,"component_categories":452,"app":475},"80547d12-6098-4ebc-aa1f-74bf783de158","Retool Component Library The best React component library is in R","Feature page showcasing the extensive catalog of pre-built React components available in Retool, organized by categories like inputs, data, and presentation.","\u002Fexamples\u002Fapps\u002Fretool\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F80547d12-6098-4ebc-aa1f-74bf783de158.png",18506,"Retool Component Library The best React component library is in R from Retool","2022-09-01T13:34:18.000Z",[447],{"id":448,"label":449,"slug":450,"rank":49,"group":451},138,"Feature Page","feature-page",{"id":251,"label":252,"slug":253},[453,457,461,465,466,467,468,469,470,471,472,473,474],{"id":454,"title":455,"slug":456},257,"Input number","input-number",{"id":458,"title":459,"slug":460},223,"Slider","slider",{"id":462,"title":463,"slug":464},167,"Alert","alert",{"id":331,"title":332,"slug":333},{"id":381,"title":382,"slug":383},{"id":135,"title":136,"slug":137},{"id":139,"title":140,"slug":141},{"id":81,"title":82,"slug":83},{"id":143,"title":144,"slug":145},{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":85,"title":86,"slug":87},{"id":147,"title":148,"slug":149},{"slug":476,"title":477,"logo":478,"baseline":479,"categories":480},"retool","Retool","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fretool-84knfk1j.png","Build internal tools, remarkably fast.",[481,482],{"id":428,"title":429,"slug":430},{"id":166,"title":167,"slug":168},{"uuid":484,"title":485,"description":486,"canonical_path":487,"image":488,"width":39,"height":489,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":498,"app":499},"b09a26b8-8acd-47c4-9d8a-69992fced1f4","Webflow - Create basic layouts","App loading screen where a circular progress indicator displays the initialization status before entering the design editor.","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb09a26b8-8acd-47c4-9d8a-69992fced1f4.png",1738,"Webflow - Create basic layouts from Webflow","2022-08-15T11:29:14.000Z",[493],{"id":494,"label":495,"slug":496,"rank":49,"group":497},181,"System Status","system-status",{"id":251,"label":252,"slug":253},[],{"slug":500,"title":501,"logo":502,"baseline":503,"categories":504},"webflow","Webflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwebflow-d8c55605.png","Responsive web design tool, CMS, and hosting platform",[505,506,510,511,514],{"id":166,"title":167,"slug":168},{"id":507,"title":508,"slug":509},6,"Publishing","publishing",{"id":126,"title":435,"slug":436},{"id":365,"title":512,"slug":513},"Design","design",{"id":202,"title":203,"slug":204},{"uuid":516,"title":517,"description":518,"canonical_path":519,"image":520,"width":521,"height":522,"image_alt":523,"published_at":524,"kind":43,"patterns":525,"component_categories":531,"app":536},"31235ec4-cf9c-40bf-88f7-dc668026bf2e","Milanote The notes app for creative work.","Marketing page where the user can browse a directory of templates for moodboards, creative briefs, storyboards, and other design tasks.","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31235ec4-cf9c-40bf-88f7-dc668026bf2e.png",3072,7136,"Milanote The notes app for creative work. from Milanote","2022-02-27T18:47:15.000Z",[526],{"id":527,"label":528,"slug":529,"rank":49,"group":530},157,"Template Gallery","template-gallery",{"id":251,"label":252,"slug":253},[532,533,534,535],{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":85,"title":86,"slug":87},{"id":147,"title":148,"slug":149},{"slug":537,"title":538,"logo":539,"baseline":540,"categories":541},"milanote","Milanote","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmilanote-180d1138.png","The notes app for creative work",[542,543,544,547,548],{"id":365,"title":512,"slug":513},{"id":394,"title":395,"slug":396},{"id":66,"title":545,"slug":546},"Content Curation","content-curation",{"id":202,"title":203,"slug":204},{"id":198,"title":199,"slug":200},[],[551,553,555,557,559,561,563,565,567,569,571,574,577,580,583,586,589,592,595,598,601,604],{"label":181,"to":552,"count":298},"\u002Fexamples\u002Fscreens\u002Floading",{"label":116,"to":554,"count":66},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":295,"to":556,"count":57},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":370,"to":558,"count":57},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":47,"to":560,"count":57},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":123,"to":562,"count":57},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":362,"to":564,"count":57},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":375,"to":566,"count":57},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":55,"to":568,"count":57},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":64,"to":570,"count":57},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":572,"to":573},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":575,"to":576},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"label":578,"to":579},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":581,"to":582},"Anthropic design examples","\u002Fexamples\u002Fapps\u002Fanthropic",{"label":584,"to":585},"Stripe design examples","\u002Fexamples\u002Fapps\u002Fstripe",{"label":587,"to":588},"Meiro design examples","\u002Fexamples\u002Fapps\u002Fmeiro",{"label":590,"to":591},"Plane design examples","\u002Fexamples\u002Fapps\u002Fplane",{"label":593,"to":594},"Literal design examples","\u002Fexamples\u002Fapps\u002Fliteral",{"label":596,"to":597},"Swell design examples","\u002Fexamples\u002Fapps\u002Fswell",{"label":599,"to":600},"Retool design examples","\u002Fexamples\u002Fapps\u002Fretool",{"label":602,"to":603},"Webflow design examples","\u002Fexamples\u002Fapps\u002Fwebflow",{"label":605,"to":606},"Milanote design examples","\u002Fexamples\u002Fapps\u002Fmilanote",{"published_at":608,"updated_at":609},"2022-02-27T18:36:35.000Z","2026-09-05T20:19:51.890Z"]