[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcircle\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":338,"links":339,"dates":400},"\u002Fexamples\u002Fapps\u002Fcircle\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Circle product screens examples - Nicelydone","Browse Circle screen design examples. Preview the interface screenshots and explore related UI patterns. 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,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Circle design examples","\u002Fexamples\u002Fapps\u002Fcircle",{"label":23,"to":4},"Circle product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Circle","circle","The modern community platform for creators","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircle-5f512bc9.png","https:\u002F\u002Fcircle.so",[35,39,43],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},26,"Events","events",{"id":44,"title":45,"slug":46},33,"E-Learning","e-learning",[48,76,92,108,137,156,178,213,235,275,301,321],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":74},"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",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":36,"label":63,"slug":64},"Access & Account","access-and-account",[66,70],{"id":67,"title":68,"slug":69},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":52,"height":53,"image_alt":81,"kind":55,"patterns":82,"component_categories":88,"app":90},"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",[83],{"id":84,"label":85,"slug":86,"rank":61,"group":87},2,"Forgot Password","forgot-password",{"id":36,"label":63,"slug":64},[89],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":52,"height":53,"image_alt":97,"kind":55,"patterns":98,"component_categories":104,"app":106},"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",[99],{"id":100,"label":101,"slug":102,"rank":61,"group":103},5,"Sign Up","sign-up",{"id":36,"label":63,"slug":64},[105],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":52,"height":113,"image_alt":114,"kind":55,"patterns":115,"component_categories":128,"app":135},"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",[116,120],{"id":36,"label":117,"slug":118,"rank":61,"group":119},"Account Setup","account-setup",{"id":36,"label":63,"slug":64},{"id":121,"label":122,"slug":123,"rank":36,"group":124},3,"Profile","profile",{"id":125,"label":126,"slug":127},11,"Social & Collaboration","social-and-collaboration",[129,133,134],{"id":130,"title":131,"slug":132},168,"Accordion","accordion",{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":110,"description":139,"canonical_path":4,"image":140,"width":52,"height":141,"image_alt":114,"kind":55,"patterns":142,"component_categories":151,"app":154},"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,[143],{"id":144,"label":145,"slug":146,"rank":61,"group":147},75,"Setup Wizard","setup-wizard",{"id":148,"label":149,"slug":150},7,"Onboarding & Education","onboarding-and-education",[152,153],{"id":130,"title":131,"slug":132},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":110,"description":158,"canonical_path":4,"image":159,"width":52,"height":160,"image_alt":114,"kind":55,"patterns":161,"component_categories":164,"app":176},"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,[162],{"id":144,"label":145,"slug":146,"rank":61,"group":163},{"id":148,"label":149,"slug":150},[165,169,170,174,175],{"id":166,"title":167,"slug":168},183,"Color picker","color-picker",{"id":130,"title":131,"slug":132},{"id":171,"title":172,"slug":173},174,"Card","card",{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":110,"description":180,"canonical_path":4,"image":181,"width":52,"height":182,"image_alt":114,"kind":55,"patterns":183,"component_categories":203,"app":211},"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,[184,190,195],{"id":148,"label":185,"slug":186,"rank":61,"group":187},"Add & Create","add-and-create",{"id":84,"label":188,"slug":189},"Actions","actions",{"id":191,"label":192,"slug":193,"rank":36,"group":194},74,"Onboarding Checklist","onboarding-checklist",{"id":148,"label":149,"slug":150},{"id":196,"label":197,"slug":198,"rank":84,"group":199},91,"Trial","trial",{"id":200,"label":201,"slug":202},9,"Plans & Limits","plans-and-limits",[204,208,209,210],{"id":205,"title":206,"slug":207},240,"Horizontal navigation","horizontal-navigation",{"id":171,"title":172,"slug":173},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":4,"image":217,"width":52,"height":218,"image_alt":219,"kind":55,"patterns":220,"component_categories":229,"app":233},"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",[221],{"id":222,"label":223,"slug":224,"rank":61,"group":225},102,"Settings","settings",{"id":226,"label":227,"slug":228},10,"Settings & Admin","settings-and-admin",[230,231,232],{"id":205,"title":206,"slug":207},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":122,"description":237,"canonical_path":4,"image":238,"width":52,"height":239,"image_alt":240,"kind":55,"patterns":241,"component_categories":262,"app":273},"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",[242,244,252,254],{"id":121,"label":122,"slug":123,"rank":61,"group":243},{"id":125,"label":126,"slug":127},{"id":245,"label":246,"slug":247,"rank":36,"group":248},115,"Empty State","empty-state",{"id":249,"label":250,"slug":251},12,"States & Feedback","states-and-feedback",{"id":191,"label":192,"slug":193,"rank":84,"group":253},{"id":148,"label":149,"slug":150},{"id":255,"label":256,"slug":257,"rank":121,"group":258},69,"Tabs","tabs",{"id":259,"label":260,"slug":261},6,"Navigation & Commands","navigation-and-commands",[263,267,269,270,271,272],{"id":264,"title":265,"slug":266},260,"Badge","badge",{"id":268,"title":256,"slug":257},233,{"id":205,"title":206,"slug":207},{"id":171,"title":172,"slug":173},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":274},[],{"uuid":276,"title":122,"description":277,"canonical_path":4,"image":278,"width":52,"height":279,"image_alt":240,"kind":55,"patterns":280,"component_categories":294,"app":299},"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,[281,283,287,289],{"id":121,"label":122,"slug":123,"rank":61,"group":282},{"id":125,"label":126,"slug":127},{"id":125,"label":284,"slug":285,"rank":36,"group":286},"Edit","edit",{"id":84,"label":188,"slug":189},{"id":196,"label":197,"slug":198,"rank":84,"group":288},{"id":200,"label":201,"slug":202},{"id":290,"label":291,"slug":292,"rank":121,"group":293},94,"Account Settings","account-settings",{"id":226,"label":227,"slug":228},[295,296,297,298],{"id":130,"title":131,"slug":132},{"id":205,"title":206,"slug":207},{"id":171,"title":172,"slug":173},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":300},[],{"uuid":302,"title":223,"description":303,"canonical_path":4,"image":304,"width":52,"height":305,"image_alt":306,"kind":55,"patterns":307,"component_categories":313,"app":319},"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",[308],{"id":309,"label":310,"slug":311,"rank":61,"group":312},104,"Team Management","team-management",{"id":226,"label":227,"slug":228},[314,315,316,317,318],{"id":166,"title":167,"slug":168},{"id":130,"title":131,"slug":132},{"id":205,"title":206,"slug":207},{"id":171,"title":172,"slug":173},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":320},[],{"uuid":322,"title":223,"description":323,"canonical_path":4,"image":324,"width":52,"height":325,"image_alt":306,"kind":55,"patterns":326,"component_categories":331,"app":336},"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,[327,329],{"id":191,"label":192,"slug":193,"rank":61,"group":328},{"id":148,"label":149,"slug":150},{"id":309,"label":310,"slug":311,"rank":36,"group":330},{"id":226,"label":227,"slug":228},[332,333,334,335],{"id":205,"title":206,"slug":207},{"id":171,"title":172,"slug":173},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":337},[],[],[340,342,344,346,348,350,352,354,356,358,360,362,364,367,370,373,376,379,382,384,388,392,396],{"label":192,"to":341},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":122,"to":343},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":145,"to":345},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":310,"to":347},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":197,"to":349},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":291,"to":351},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":117,"to":353},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":185,"to":355},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":284,"to":357},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":246,"to":359},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":85,"to":361},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":223,"to":363},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":365,"to":366},"Circle marketing pages","\u002Fexamples\u002Fapps\u002Fcircle\u002Fmarketing",{"label":368,"to":369},"Circle user flows","\u002Fexamples\u002Fapps\u002Fcircle\u002Fflows",{"label":371,"to":372},"Circle UI components","\u002Fexamples\u002Fapps\u002Fcircle\u002Fcomponents",{"label":374,"to":375},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":377,"to":378},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":380,"to":381},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"label":383,"to":18},"All SaaS app examples",{"label":385,"to":386,"description":387},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":389,"to":390,"description":391},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":393,"to":394,"description":395},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":397,"to":398,"description":399},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":401,"updated_at":402},"2020-11-23T20:35:00.000Z","2026-09-13T13:02:39.000Z"]