[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclerk":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":293,"dates":308},"\u002Fexamples\u002Fapps\u002Fclerk","detail","apps",true,{"title":9,"description":10,"og_image":11},"Clerk design examples - Nicelydone","Explore Clerk UI design examples. Authentication and User Management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4ed0d453-ca9e-4455-a2b0-81ca1bc0485e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Clerk design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Clerk",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fclerk\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fclerk\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fclerk\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fclerk\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Clerk","clerk","Authentication and User Management","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","https:\u002F\u002Fclerk.com","ClerkDev",[48,52],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",{"id":53,"title":54,"slug":55},78,"Security","security",[],[58,284,287,290],{"family":59,"examples":60},"screens",[61,90,110,122,137,153,167,190,229,244,257,272],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":88},"4ed0d453-ca9e-4455-a2b0-81ca1bc0485e","Sign up | Clerk","Signup screen where the user can create an account using GitHub, Google, or by entering their name, email, and a password, alongside a list of product benefits.",3024,1778,"Sign up | Clerk from Clerk","screen",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},5,"Sign Up","sign-up",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80,84],{"id":81,"title":82,"slug":83},174,"Card","card",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":89},[],{"uuid":91,"title":63,"description":92,"canonical_path":29,"image":93,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":94,"component_categories":101,"app":108},"7a8f4b9f-8727-41e4-a9c6-fda48515ee75","Signup page where the user creates an account using GitHub, Google, or email, alongside a list of product value propositions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a8f4b9f-8727-41e4-a9c6-fda48515ee75.png",[95,97],{"id":71,"label":72,"slug":73,"rank":74,"group":96},{"id":76,"label":77,"slug":78},{"id":76,"label":98,"slug":99,"rank":76,"group":100},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},[102,106,107],{"id":103,"title":104,"slug":105},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":109},[],{"uuid":111,"title":63,"description":112,"canonical_path":29,"image":113,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":114,"component_categories":117,"app":120},"8c6f2445-29e9-47cd-8ad2-0f8ec538ee2a","Signup screen where the user creates an account using GitHub, Google, or email and password, alongside a list of product benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c6f2445-29e9-47cd-8ad2-0f8ec538ee2a.png",[115],{"id":71,"label":72,"slug":73,"rank":74,"group":116},{"id":76,"label":77,"slug":78},[118,119],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":63,"description":124,"canonical_path":29,"image":125,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":126,"component_categories":132,"app":135},"89335bd8-ffad-46bc-9172-63ad5b716a65","Auth screen where the user enters a 6-digit verification code sent to their email to continue signing up for Clerk.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89335bd8-ffad-46bc-9172-63ad5b716a65.png",[127],{"id":128,"label":129,"slug":130,"rank":74,"group":131},6,"Verification","verification",{"id":76,"label":77,"slug":78},[133,134],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":29,"image":141,"width":65,"height":66,"image_alt":142,"kind":68,"patterns":143,"component_categories":148,"app":151},"35f5ce46-fafe-49b4-943d-d0571c7ac250","Dashboard | Clerk.com","Application creation page where the user configures sign-in options like email, phone, and social providers alongside a live interactive preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35f5ce46-fafe-49b4-943d-d0571c7ac250.png","Dashboard | Clerk.com from Clerk",[144,146],{"id":71,"label":72,"slug":73,"rank":74,"group":145},{"id":76,"label":77,"slug":78},{"id":76,"label":98,"slug":99,"rank":76,"group":147},{"id":76,"label":77,"slug":78},[149,150],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":139,"description":155,"canonical_path":29,"image":156,"width":65,"height":66,"image_alt":142,"kind":68,"patterns":157,"component_categories":162,"app":165},"3e6f97f6-1be2-4a44-93cd-7ea9c2e70d7a","Creation screen where the user names their application and configures sign-in options with a live preview of the resulting authentication component.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e6f97f6-1be2-4a44-93cd-7ea9c2e70d7a.png",[158,160],{"id":71,"label":72,"slug":73,"rank":74,"group":159},{"id":76,"label":77,"slug":78},{"id":76,"label":98,"slug":99,"rank":76,"group":161},{"id":76,"label":77,"slug":78},[163,164],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":139,"description":169,"canonical_path":29,"image":170,"width":65,"height":66,"image_alt":142,"kind":68,"patterns":171,"component_categories":185,"app":188},"1a22ccf4-5b13-4c3a-9826-4b0acb7b365c","Create flow where the user names their application and toggles authentication providers while viewing a live preview of the resulting sign-in card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a22ccf4-5b13-4c3a-9826-4b0acb7b365c.png",[172,177],{"id":173,"label":174,"slug":175,"rank":74,"group":176},4,"Sign In","sign-in",{"id":76,"label":77,"slug":78},{"id":178,"label":179,"slug":180,"rank":76,"group":181},120,"Loading","loading",{"id":182,"label":183,"slug":184},12,"States & Feedback","states-and-feedback",[186,187],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":139,"description":192,"canonical_path":29,"image":193,"width":65,"height":194,"image_alt":142,"kind":68,"patterns":195,"component_categories":204,"app":227},"fe6e6534-809b-479f-aae8-bedb38bc413e","Dashboard overview acting as a setup checklist where the user selects a framework like Next.js and follows steps to install packages, set environment variables, and configure middleware.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6e6534-809b-479f-aae8-bedb38bc413e.png",5516,[196],{"id":197,"label":198,"slug":199,"rank":74,"group":200},75,"Setup Wizard","setup-wizard",{"id":201,"label":202,"slug":203},7,"Onboarding & Education","onboarding-and-education",[205,209,213,217,221,225,226],{"id":206,"title":207,"slug":208},177,"Breadcrumb","breadcrumb",{"id":210,"title":211,"slug":212},260,"Badge","badge",{"id":214,"title":215,"slug":216},169,"Avatar","avatar",{"id":218,"title":219,"slug":220},233,"Tabs","tabs",{"id":222,"title":223,"slug":224},227,"Stepper","stepper",{"id":103,"title":104,"slug":105},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":235,"component_categories":238,"app":242},"a55d760c-6025-49ab-8eb4-ca1305af878d","Sign in | Clerk","Sign-in screen where the user authenticates with GitHub, Google, email, or a passkey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa55d760c-6025-49ab-8eb4-ca1305af878d.png","Sign in | Clerk from Clerk",[236],{"id":173,"label":174,"slug":175,"rank":74,"group":237},{"id":76,"label":77,"slug":78},[239,240,241],{"id":103,"title":104,"slug":105},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":243},[],{"uuid":245,"title":231,"description":246,"canonical_path":29,"image":247,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":248,"component_categories":251,"app":255},"73b0bd3d-4221-49f7-92a8-18fde9273ec6","Sign-in screen where the user authenticates with GitHub, Google, or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73b0bd3d-4221-49f7-92a8-18fde9273ec6.png",[249],{"id":173,"label":174,"slug":175,"rank":74,"group":250},{"id":76,"label":77,"slug":78},[252,253,254],{"id":103,"title":104,"slug":105},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":256},[],{"uuid":258,"title":231,"description":259,"canonical_path":29,"image":260,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":261,"component_categories":267,"app":270},"c1a924ce-c554-46b6-a315-c9368ee74fdf","Sign-in screen where the user enters their password to authenticate a recognized email address, with options to reset the password or choose another method.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1a924ce-c554-46b6-a315-c9368ee74fdf.png",[262],{"id":263,"label":264,"slug":265,"rank":74,"group":266},2,"Forgot Password","forgot-password",{"id":76,"label":77,"slug":78},[268,269],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":271},[],{"uuid":273,"title":231,"description":274,"canonical_path":29,"image":275,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":276,"component_categories":279,"app":282},"2e4b4e5e-6947-438e-8e2b-bb58bc39eaca","Sign-in screen where the user enters their password to authenticate an already provided email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e4b4e5e-6947-438e-8e2b-bb58bc39eaca.png",[277],{"id":173,"label":174,"slug":175,"rank":74,"group":278},{"id":76,"label":77,"slug":78},[280,281],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":283},[],{"family":285,"examples":286},"flows",[],{"family":288,"examples":289},"components",[],{"family":291,"examples":292},"pages",[],[294,296,298,300,302,305],{"label":295,"to":29},"Clerk product screens",{"label":297,"to":38},"Clerk marketing pages",{"label":299,"to":32},"Clerk user flows",{"label":301,"to":35},"Clerk UI components",{"label":303,"to":304},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":306,"to":307},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":309,"updated_at":310},"2023-05-09T00:53:02.000Z","2026-09-13T13:02:39.000Z"]