[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fprogress-circle":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":551,"links":552,"dates":613},"\u002Fexamples\u002Ftags\u002Fprogress-circle","collection","screens",true,{"example_count":9,"app_count":10},60,22,{"id":12,"title":13,"description":14},3227,"Progress circle","",{"title":16,"description":17,"og_image":18},"Progress circle screen examples - Nicelydone","Progress circle screen design examples from SaaS apps. Browse examples from Replit, Kajabi, Jimo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd455fc3a-c934-42ec-8705-3801f977543e.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Progress circle screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"60 screens",[34,93,169,220,260,317,346,398,439,471,496,521],{"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":71},"d455fc3a-c934-42ec-8705-3801f977543e","Replit Docs","Documentation quickstart guide explaining how to build a cat image generator using Replit's AI Agent and Assistant without writing code.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing",3024,15642,"Replit Docs from Replit","2025-03-10T14:11:20.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},177,"Developer Portal","developer-portal",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67],{"id":56,"title":57,"slug":58},227,"Stepper","stepper",{"id":60,"title":61,"slug":62},167,"Alert","alert",{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[77,81,85,89],{"id":78,"title":79,"slug":80},80,"Artificial Intelligence","artificial-intelligence",{"id":82,"title":83,"slug":84},48,"Developer Tools","developer-tools",{"id":86,"title":87,"slug":88},7,"Web Development","web-development",{"id":90,"title":91,"slug":92},96,"No code","no-code",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":39,"height":99,"image_alt":100,"published_at":101,"kind":43,"patterns":102,"component_categories":126,"app":144},"174a9e50-5495-4fcb-bd30-3ce78ef06fce","Laura Owenss First Site","Detail page for a live community meetup where the user is testing their connection before notifying members.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F174a9e50-5495-4fcb-bd30-3ce78ef06fce.png",1778,"Laura Owenss First Site from Kajabi","2025-01-27T19:31:18.000Z",[103,111,120],{"id":104,"label":105,"slug":106,"rank":49,"group":107},82,"Media Detail","media-detail",{"id":108,"label":109,"slug":110},8,"Pages & Content","pages-and-content",{"id":112,"label":113,"slug":114,"rank":115,"group":116},120,"Loading","loading",1,{"id":117,"label":118,"slug":119},12,"States & Feedback","states-and-feedback",{"id":121,"label":122,"slug":123,"rank":124,"group":125},114,"Confirmation","confirmation",2,{"id":117,"label":118,"slug":119},[127,130,134,138,139,143],{"id":46,"title":128,"slug":129},"Breadcrumb","breadcrumb",{"id":131,"title":132,"slug":133},240,"Horizontal navigation","horizontal-navigation",{"id":135,"title":136,"slug":137},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":140,"title":141,"slug":142},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":145,"title":146,"logo":147,"baseline":148,"categories":149},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[150,154,158,161,165],{"id":151,"title":152,"slug":153},32,"Education","education",{"id":155,"title":156,"slug":157},25,"Marketing","marketing",{"id":115,"title":159,"slug":160},"Communities","communities",{"id":162,"title":163,"slug":164},27,"Email Newsletters","email-newsletters",{"id":166,"title":167,"slug":168},33,"E-Learning","e-learning",{"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":184,"app":205},"1e938683-f4e7-4b5d-8d04-d020cbc9cb98","Enhance User Guidance with Jimo Hints","Feature page explaining how to unblock users with contextual tooltips, showcasing use cases, customization options, and performance analytics.","\u002Fexamples\u002Fapps\u002Fjimo\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e938683-f4e7-4b5d-8d04-d020cbc9cb98.png",11154,"Enhance User Guidance with Jimo Hints from Jimo","2025-01-13T14:25:22.000Z",[179],{"id":180,"label":181,"slug":182,"rank":49,"group":183},138,"Feature Page","feature-page",{"id":51,"label":52,"slug":53},[185,189,193,197,201],{"id":186,"title":187,"slug":188},260,"Badge","badge",{"id":190,"title":191,"slug":192},232,"Testimonial","testimonial",{"id":194,"title":195,"slug":196},277,"Button group","button-group",{"id":198,"title":199,"slug":200},258,"Header","header",{"id":202,"title":203,"slug":204},202,"Footer","footer",{"slug":206,"title":207,"logo":208,"baseline":209,"categories":210},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[211,215,219],{"id":212,"title":213,"slug":214},47,"Customer Service","customer-service",{"id":216,"title":217,"slug":218},69,"Surveys","surveys",{"id":90,"title":91,"slug":92},{"uuid":221,"title":222,"description":223,"canonical_path":224,"image":225,"width":39,"height":226,"image_alt":227,"published_at":228,"kind":43,"patterns":229,"component_categories":235,"app":244},"bc6fa4e5-9db4-4456-bc23-08991c6d4fd3","Power your workflows with AI | Tines","Feature page where the user learns about AI capabilities for building workflows, exploring use cases like creating timelines, checking documents for sensitive information, and analyzing pull requests.","\u002Fexamples\u002Fapps\u002Ftines\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc6fa4e5-9db4-4456-bc23-08991c6d4fd3.png",19486,"Power your workflows with AI | Tines from Tines","2024-12-16T14:20:48.000Z",[230],{"id":231,"label":232,"slug":233,"rank":49,"group":234},137,"Product Page","product-page",{"id":51,"label":52,"slug":53},[236,240,241,242,243],{"id":237,"title":238,"slug":239},298,"Bento box","bento-grid",{"id":190,"title":191,"slug":192},{"id":68,"title":69,"slug":70},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":245,"title":246,"logo":247,"baseline":248,"categories":249},"tines","Tines","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftines-1ce70211.png","No-code automation for security teams",[250,254,255,256],{"id":251,"title":252,"slug":253},78,"Security","security",{"id":90,"title":91,"slug":92},{"id":78,"title":79,"slug":80},{"id":257,"title":258,"slug":259},105,"Workflow Automation","workflow-automation",{"uuid":261,"title":262,"description":263,"canonical_path":264,"image":265,"width":39,"height":99,"image_alt":266,"published_at":267,"kind":43,"patterns":268,"component_categories":287,"app":292},"c7b926ea-d205-4264-98fc-914214b799e9","Goals | Nicelydone Workspace 01","Detail page for a specific goal showing overall progress via a donut chart, a list of targets with individual progress bars, and an activity timeline.","\u002Fexamples\u002Fapps\u002Fclickup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7b926ea-d205-4264-98fc-914214b799e9.png","Goals | Nicelydone Workspace 01 from ClickUp","2024-11-25T17:00:30.000Z",[269,277,282],{"id":270,"label":271,"slug":272,"rank":49,"group":273},41,"Dashboard","dashboard",{"id":274,"label":275,"slug":276},4,"Data & Analysis","data-and-analysis",{"id":278,"label":279,"slug":280,"rank":115,"group":281},44,"Progress","progress",{"id":274,"label":275,"slug":276},{"id":283,"label":284,"slug":285,"rank":124,"group":286},85,"Tasks","tasks",{"id":108,"label":109,"slug":110},[288,289,290,291],{"id":46,"title":128,"slug":129},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"id":140,"title":141,"slug":142},{"slug":293,"title":294,"logo":295,"baseline":296,"categories":297},"clickup","ClickUp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclickup-771d7d6d.png","The everything app, for work",[298,302,306,309,313],{"id":299,"title":300,"slug":301},30,"Productivity","productivity",{"id":303,"title":304,"slug":305},86,"Product management","product-management",{"id":10,"title":307,"slug":308},"Knowledge Management","knowledge-management",{"id":310,"title":311,"slug":312},23,"Collaboration","collaboration",{"id":314,"title":315,"slug":316},29,"Task Management","task-management",{"uuid":318,"title":319,"description":320,"canonical_path":321,"image":322,"width":39,"height":323,"image_alt":324,"published_at":325,"kind":43,"patterns":326,"component_categories":332,"app":337},"6c617894-3d6c-4886-82f3-2c503f9a5128","Slack integration | Height Help Center","Help center article explaining how to set up and use the Slack integration, including task previews and cross-posting.","\u002Fexamples\u002Fapps\u002Fheight\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c617894-3d6c-4886-82f3-2c503f9a5128.png",9280,"Slack integration | Height Help Center from Height","2024-10-22T13:16:05.000Z",[327],{"id":328,"label":329,"slug":330,"rank":49,"group":331},179,"Help Center","help-center",{"id":51,"label":52,"slug":53},[333,334,335,336],{"id":140,"title":141,"slug":142},{"id":194,"title":195,"slug":196},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":338,"title":339,"logo":340,"baseline":341,"categories":342},"height","Height","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheight-29b426a4.png","Manage projects across engineering, product, design, and other teams",[343,344,345],{"id":303,"title":304,"slug":305},{"id":314,"title":315,"slug":316},{"id":299,"title":300,"slug":301},{"uuid":347,"title":348,"description":349,"canonical_path":350,"image":351,"width":39,"height":352,"image_alt":353,"published_at":354,"kind":43,"patterns":355,"component_categories":382,"app":387},"28e20fb1-bd3a-462d-8e55-816a2cdea0c2","Design Podcast - Descript","Design editor where the user edits a video by modifying its transcript, with an elements panel open to add text, shapes, and dynamic overlays.","\u002Fexamples\u002Fapps\u002Fdescript\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28e20fb1-bd3a-462d-8e55-816a2cdea0c2.png",1686,"Design Podcast - Descript from Descript","2024-07-08T09:39:39.000Z",[356,364,369,376],{"id":357,"label":358,"slug":359,"rank":49,"group":360},55,"Design Editor","design-editor",{"id":361,"label":362,"slug":363},5,"Media & Tools","media-and-tools",{"id":365,"label":366,"slug":367,"rank":115,"group":368},58,"Media Editor","media-editor",{"id":361,"label":362,"slug":363},{"id":370,"label":371,"slug":372,"rank":124,"group":373},11,"Edit","edit",{"id":124,"label":374,"slug":375},"Actions","actions",{"id":377,"label":378,"slug":379,"rank":380,"group":381},17,"Publish","publish",3,{"id":124,"label":374,"slug":375},[383,384,385,386],{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":68,"title":69,"slug":70},{"id":194,"title":195,"slug":196},{"slug":388,"title":389,"logo":390,"baseline":391,"categories":392},"descript","Descript","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdescript-c27a2fb9.png","Edit videos & podcasts like a doc",[393,397],{"id":394,"title":395,"slug":396},100,"Video","video",{"id":78,"title":79,"slug":80},{"uuid":399,"title":400,"description":401,"canonical_path":402,"image":403,"width":39,"height":404,"image_alt":405,"published_at":406,"kind":43,"patterns":407,"component_categories":420,"app":431},"3c24435f-ddbf-4b9d-911c-3524cf578a06","Convert Interface to HTMLCSS Component - Claude","AI chat interface where the user reviews generated HTML\u002FCSS code in a side-by-side artifact panel alongside the conversation.","\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c24435f-ddbf-4b9d-911c-3524cf578a06.png",1662,"Convert Interface to HTMLCSS Component - Claude from Claude","2024-07-08T09:14:59.000Z",[408,414],{"id":115,"label":409,"slug":410,"rank":49,"group":411},"Account Setup","account-setup",{"id":115,"label":412,"slug":413},"Access & Account","access-and-account",{"id":314,"label":415,"slug":416,"rank":115,"group":417},"AI Editing","ai-editing",{"id":380,"label":418,"slug":419},"AI","ai",[421,425,426,427,428,429,430],{"id":422,"title":423,"slug":424},211,"Pagination","pagination",{"id":131,"title":132,"slug":133},{"id":186,"title":187,"slug":188},{"id":135,"title":136,"slug":137},{"id":140,"title":141,"slug":142},{"id":194,"title":195,"slug":196},{"id":68,"title":69,"slug":70},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"claude","Claude","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[437,438],{"id":78,"title":79,"slug":80},{"id":299,"title":300,"slug":301},{"uuid":440,"title":441,"description":442,"canonical_path":443,"image":444,"width":39,"height":445,"image_alt":446,"published_at":447,"kind":43,"patterns":448,"component_categories":454,"app":459},"5b4484c3-0bc1-4a35-8ddc-7845d838a17f","What is DevOps DevOps, CICD and DevSecOps Defined | GitHub Resourc","Educational guide explaining the definition, benefits, and lifecycle of DevOps, featuring customer testimonials and a prompt to request a demo.","\u002Fexamples\u002Fapps\u002Fgithub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b4484c3-0bc1-4a35-8ddc-7845d838a17f.png",21812,"What is DevOps DevOps, CICD and DevSecOps Defined | GitHub Resourc from Github","2024-06-24T08:28:30.000Z",[449],{"id":450,"label":451,"slug":452,"rank":49,"group":453},152,"Guide","guide",{"id":51,"label":52,"slug":53},[455,456,457,458],{"id":60,"title":61,"slug":62},{"id":190,"title":191,"slug":192},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":460,"title":461,"logo":462,"baseline":463,"categories":464},"github","Github","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgithub-b84e2242.png","Where the world builds software ",[465,466,467],{"id":82,"title":83,"slug":84},{"id":310,"title":311,"slug":312},{"id":468,"title":469,"slug":470},45,"Open Source","open-source",{"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":483,"app":488},"3ef7070b-7ce8-4546-bd25-dcb747dfa089","Create and organize lists | Superlist Help Center","Help center article explaining how to create, customize, and organize lists with text instructions and annotated product screenshots.","\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ef7070b-7ce8-4546-bd25-dcb747dfa089.png",9432,"Create and organize lists | Superlist Help Center from Superlist","2024-04-08T07:58:51.000Z",[481],{"id":328,"label":329,"slug":330,"rank":49,"group":482},{"id":51,"label":52,"slug":53},[484,485,486,487],{"id":140,"title":141,"slug":142},{"id":194,"title":195,"slug":196},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":489,"title":490,"logo":491,"baseline":492,"categories":493},"superlist","Superlist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperlist-159870df.png","Supercharged productivity",[494,495],{"id":314,"title":315,"slug":316},{"id":299,"title":300,"slug":301},{"uuid":497,"title":498,"description":499,"canonical_path":500,"image":501,"width":39,"height":502,"image_alt":503,"published_at":504,"kind":43,"patterns":505,"component_categories":508,"app":512},"05819ed1-b035-4f59-9911-9b63d209e07f","Get started with Todoist","Help center article guiding new users through the basics of the product with embedded video tutorials and a sticky table of contents.","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05819ed1-b035-4f59-9911-9b63d209e07f.png",18582,"Get started with Todoist from Todoist","2024-02-19T15:33:03.000Z",[506],{"id":328,"label":329,"slug":330,"rank":49,"group":507},{"id":51,"label":52,"slug":53},[509,510,511],{"id":60,"title":61,"slug":62},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":513,"title":514,"logo":515,"baseline":516,"categories":517},"todoist","Todoist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","The to do list to organize work & life",[518,519,520],{"id":314,"title":315,"slug":316},{"id":299,"title":300,"slug":301},{"id":310,"title":311,"slug":312},{"uuid":522,"title":523,"description":524,"canonical_path":525,"image":526,"width":39,"height":527,"image_alt":528,"published_at":529,"kind":43,"patterns":530,"component_categories":535,"app":539},"7d520961-a5c7-42c1-9057-700c32ce050d","Glide • Big Tables is now available","Article announcing the release of Big Tables, a high-scale data source for building apps, featuring product screenshots and a call to action to start for free.","\u002Fexamples\u002Fapps\u002Fglide\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d520961-a5c7-42c1-9057-700c32ce050d.png",13200,"Glide • Big Tables is now available from Glide","2023-07-24T12:50:00.000Z",[531],{"id":251,"label":532,"slug":533,"rank":49,"group":534},"Article","article",{"id":51,"label":52,"slug":53},[536,537,538],{"id":64,"title":65,"slug":66},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"slug":540,"title":541,"logo":542,"baseline":543,"categories":544},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[545,546,550],{"id":86,"title":87,"slug":88},{"id":547,"title":548,"slug":549},54,"Mobile","mobile",{"id":90,"title":91,"slug":92},[],[553,555,557,559,561,563,565,567,569,571,573,575,577,580,583,586,589,592,595,598,601,604,607,610],{"label":409,"to":554,"count":115},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":415,"to":556,"count":115},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":122,"to":558,"count":115},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":271,"to":560,"count":115},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":358,"to":562,"count":115},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":371,"to":564,"count":115},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":113,"to":566,"count":115},"\u002Fexamples\u002Fscreens\u002Floading",{"label":105,"to":568,"count":115},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":366,"to":570,"count":115},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":279,"to":572,"count":115},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":378,"to":574,"count":115},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":284,"to":576,"count":115},"\u002Fexamples\u002Fscreens\u002Ftasks",{"label":578,"to":579},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":581,"to":582},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":584,"to":585},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"label":587,"to":588},"Tines design examples","\u002Fexamples\u002Fapps\u002Ftines",{"label":590,"to":591},"ClickUp design examples","\u002Fexamples\u002Fapps\u002Fclickup",{"label":593,"to":594},"Height design examples","\u002Fexamples\u002Fapps\u002Fheight",{"label":596,"to":597},"Descript design examples","\u002Fexamples\u002Fapps\u002Fdescript",{"label":599,"to":600},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"label":602,"to":603},"Github design examples","\u002Fexamples\u002Fapps\u002Fgithub",{"label":605,"to":606},"Superlist design examples","\u002Fexamples\u002Fapps\u002Fsuperlist",{"label":608,"to":609},"Todoist design examples","\u002Fexamples\u002Fapps\u002Ftodoist",{"label":611,"to":612},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"published_at":614,"updated_at":615},"2023-07-21T13:25:34.000Z","2026-09-05T20:19:37.926Z"]