[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcircle":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":351,"dates":371},"\u002Fexamples\u002Fapps\u002Fcircle","detail","apps",true,{"title":9,"description":10,"og_image":11},"Circle design examples - Nicelydone","Explore Circle UI design examples. The modern community platform for creators","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_log-in-to-your-circle-account-circle_3e6c6886_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Circle design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Circle",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcircle\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcircle\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Circle","circle","The modern community platform for creators","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircle-5f512bc9.png","https:\u002F\u002Fcircle.so",[41,45,49],{"id":42,"title":43,"slug":44},1,"Communities","communities",{"id":46,"title":47,"slug":48},26,"Events","events",{"id":50,"title":51,"slug":52},33,"E-Learning","e-learning",[],[55,348],{"family":56,"examples":57},"screens",[58,86,102,118,147,166,188,223,245,285,311,331],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":75,"app":84},"f8d64b82-ea82-4e03-9b7d-bbdc9c228497","Sign in","Sign-in screen where the user can authenticate using an email link, Twitter, or Facebook.",2880,1534,"Sign in from Circle","screen",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":42,"label":73,"slug":74},"Access & Account","access-and-account",[76,80],{"id":77,"title":78,"slug":79},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":62,"height":63,"image_alt":91,"kind":65,"patterns":92,"component_categories":98,"app":100},"88838848-1b52-4005-bbfa-815203bbcd5a","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_forgot-your-password-circle_a422cd6f_nicelydone.png","Password reset from Circle",[93],{"id":94,"label":95,"slug":96,"rank":71,"group":97},2,"Forgot Password","forgot-password",{"id":42,"label":73,"slug":74},[99],{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":29,"image":106,"width":62,"height":63,"image_alt":107,"kind":65,"patterns":108,"component_categories":114,"app":116},"b801f5c4-9dc1-47e5-a415-330d9c0393f0","Sign up","Signup screen where the user creates a new community account with an email and password to start a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_create-your-circle-community-circle_c5aa1b08_nicelydone.png","Sign up from Circle",[109],{"id":110,"label":111,"slug":112,"rank":71,"group":113},5,"Sign Up","sign-up",{"id":42,"label":73,"slug":74},[115],{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":62,"height":123,"image_alt":124,"kind":65,"patterns":125,"component_categories":138,"app":145},"04496590-ad0f-454d-8241-668ff283669c","Onboarding","Onboarding step where the user creates their profile by adding a photo, display name, headline, bio, location, and social links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_welcome-lets-start-by-creating-your-profile-circle_4b0b348a_nicelydone.png",2186,"Onboarding from Circle",[126,130],{"id":42,"label":127,"slug":128,"rank":71,"group":129},"Account Setup","account-setup",{"id":42,"label":73,"slug":74},{"id":131,"label":132,"slug":133,"rank":42,"group":134},3,"Profile","profile",{"id":135,"label":136,"slug":137},11,"Social & Collaboration","social-and-collaboration",[139,143,144],{"id":140,"title":141,"slug":142},168,"Accordion","accordion",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":146},[],{"uuid":148,"title":120,"description":149,"canonical_path":29,"image":150,"width":62,"height":151,"image_alt":124,"kind":65,"patterns":152,"component_categories":161,"app":164},"c4149dfd-9bff-4e73-9c88-76d82a6a7299","Onboarding step where the user creates their community by configuring its name, custom URL, privacy toggle, and brand assets like color and logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_now-lets-create-your-community-2_e68a0af4_nicelydone.png",2094,[153],{"id":154,"label":155,"slug":156,"rank":71,"group":157},75,"Setup Wizard","setup-wizard",{"id":158,"label":159,"slug":160},7,"Onboarding & Education","onboarding-and-education",[162,163],{"id":140,"title":141,"slug":142},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":165},[],{"uuid":167,"title":120,"description":168,"canonical_path":29,"image":169,"width":62,"height":170,"image_alt":124,"kind":65,"patterns":171,"component_categories":174,"app":186},"d3fdd625-7568-493f-b248-afe3df243218","Creation screen where the user sets up a new community by configuring its name, custom URL, privacy settings, and branding elements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_now-lets-create-your-community_21b0955b_nicelydone.png",2636,[172],{"id":154,"label":155,"slug":156,"rank":71,"group":173},{"id":158,"label":159,"slug":160},[175,179,180,184,185],{"id":176,"title":177,"slug":178},183,"Color picker","color-picker",{"id":140,"title":141,"slug":142},{"id":181,"title":182,"slug":183},174,"Card","card",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":187},[],{"uuid":189,"title":120,"description":190,"canonical_path":29,"image":191,"width":62,"height":192,"image_alt":124,"kind":65,"patterns":193,"component_categories":213,"app":221},"7a6ac8fd-0fb5-4481-87bd-5564b8706114","Create page where the user configures a new community space with a name, custom URL, visibility toggles, member invitations, and layout preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_create-your-first-space-nicely-done-3_519ca8ba_nicelydone.png",3412,[194,200,205],{"id":158,"label":195,"slug":196,"rank":71,"group":197},"Add & Create","add-and-create",{"id":94,"label":198,"slug":199},"Actions","actions",{"id":201,"label":202,"slug":203,"rank":42,"group":204},74,"Onboarding Checklist","onboarding-checklist",{"id":158,"label":159,"slug":160},{"id":206,"label":207,"slug":208,"rank":94,"group":209},91,"Trial","trial",{"id":210,"label":211,"slug":212},9,"Plans & Limits","plans-and-limits",[214,218,219,220],{"id":215,"title":216,"slug":217},240,"Horizontal navigation","horizontal-navigation",{"id":181,"title":182,"slug":183},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":29,"image":227,"width":62,"height":228,"image_alt":229,"kind":65,"patterns":230,"component_categories":239,"app":243},"87cdecb7-4736-4aa2-b10c-5f4cf7a69772","Dropdown & other states","Creation screen where the user configures a new community space by setting its name, URL slug, and privacy toggles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_create-your-first-space-nicely-done-2_d04c31d5_nicelydone.png",1654,"Dropdown & other states from Circle",[231],{"id":232,"label":233,"slug":234,"rank":71,"group":235},102,"Settings","settings",{"id":236,"label":237,"slug":238},10,"Settings & Admin","settings-and-admin",[240,241,242],{"id":215,"title":216,"slug":217},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":244},[],{"uuid":246,"title":132,"description":247,"canonical_path":29,"image":248,"width":62,"height":249,"image_alt":250,"kind":65,"patterns":251,"component_categories":272,"app":283},"76ee5113-3a91-4fd0-99eb-fc04e8cc17e2","Detail page where the user views a member's profile, showing their role and an empty topics feed, alongside a getting-started checklist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_bertrand-nicely-done-2_9c66be21_nicelydone.png",1892,"Profile from Circle",[252,254,262,264],{"id":131,"label":132,"slug":133,"rank":71,"group":253},{"id":135,"label":136,"slug":137},{"id":255,"label":256,"slug":257,"rank":42,"group":258},115,"Empty State","empty-state",{"id":259,"label":260,"slug":261},12,"States & Feedback","states-and-feedback",{"id":201,"label":202,"slug":203,"rank":94,"group":263},{"id":158,"label":159,"slug":160},{"id":265,"label":266,"slug":267,"rank":131,"group":268},69,"Tabs","tabs",{"id":269,"label":270,"slug":271},6,"Navigation & Commands","navigation-and-commands",[273,277,279,280,281,282],{"id":274,"title":275,"slug":276},260,"Badge","badge",{"id":278,"title":266,"slug":267},233,{"id":215,"title":216,"slug":217},{"id":181,"title":182,"slug":183},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":284},[],{"uuid":286,"title":132,"description":287,"canonical_path":29,"image":288,"width":62,"height":289,"image_alt":250,"kind":65,"patterns":290,"component_categories":304,"app":309},"35333915-38b0-43f7-ba5b-0980078dc9dd","Settings page where the user updates their community profile, including basic information, social links, and messaging permissions, while a trial banner prompts an upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_profile-nicely-done-2_adde5bee_nicelydone.png",3382,[291,293,297,299],{"id":131,"label":132,"slug":133,"rank":71,"group":292},{"id":135,"label":136,"slug":137},{"id":135,"label":294,"slug":295,"rank":42,"group":296},"Edit","edit",{"id":94,"label":198,"slug":199},{"id":206,"label":207,"slug":208,"rank":94,"group":298},{"id":210,"label":211,"slug":212},{"id":300,"label":301,"slug":302,"rank":131,"group":303},94,"Account Settings","account-settings",{"id":236,"label":237,"slug":238},[305,306,307,308],{"id":140,"title":141,"slug":142},{"id":215,"title":216,"slug":217},{"id":181,"title":182,"slug":183},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":310},[],{"uuid":312,"title":233,"description":313,"canonical_path":29,"image":314,"width":62,"height":315,"image_alt":316,"kind":65,"patterns":317,"component_categories":323,"app":329},"4de76204-fc64-4685-8b93-96b3ae29690b","Settings page where the user configures general community details like name, URL, visibility, branding, and default spaces.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_manage-nicely-done-2_d7257f29_nicelydone.png",4200,"Settings from Circle",[318],{"id":319,"label":320,"slug":321,"rank":71,"group":322},104,"Team Management","team-management",{"id":236,"label":237,"slug":238},[324,325,326,327,328],{"id":176,"title":177,"slug":178},{"id":140,"title":141,"slug":142},{"id":215,"title":216,"slug":217},{"id":181,"title":182,"slug":183},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":330},[],{"uuid":332,"title":233,"description":333,"canonical_path":29,"image":334,"width":62,"height":335,"image_alt":316,"kind":65,"patterns":336,"component_categories":341,"app":346},"5668c844-2bfd-4fc0-9325-92532b783d35","Settings page where the admin configures the onboarding experience for new community members, including invitation emails and popups.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcircle_onboarding-nicely-done_d5e41173_nicelydone.png",1642,[337,339],{"id":201,"label":202,"slug":203,"rank":71,"group":338},{"id":158,"label":159,"slug":160},{"id":319,"label":320,"slug":321,"rank":42,"group":340},{"id":236,"label":237,"slug":238},[342,343,344,345],{"id":215,"title":216,"slug":217},{"id":181,"title":182,"slug":183},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":347},[],{"family":349,"examples":350},"pages",[],[352,354,356,359,362,365,368],{"label":353,"to":29},"Circle product screens",{"label":355,"to":32},"Circle marketing pages",{"label":357,"to":358},"Circle user flows","\u002Fexamples\u002Fapps\u002Fcircle\u002Fflows",{"label":360,"to":361},"Circle UI components","\u002Fexamples\u002Fapps\u002Fcircle\u002Fcomponents",{"label":363,"to":364},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":366,"to":367},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":369,"to":370},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"published_at":372,"updated_at":373},"2020-11-23T20:35:00.000Z","2026-09-13T13:02:39.000Z"]