Centered auth card with email/password, social options, and password reset.
The canonical sign-in screen. Centered card on a neutral page, logo at the top, email + password fields, primary CTA, divider, social-login row, and a 'forgot password' link in the footer. The goal of a login page is to get out of the user's way — this template optimizes for familiarity.
Each section pre-wired with the right CleenUI primitives. Swap, remove, or extend any of them — the template is a starting point, not a constraint.
Logo + 'Welcome back' + 1-line subtitle.
Two fields, labels above, password field with show/hide toggle.
Full-width 'Sign in' button below the fields.
Divider with 'or' text, then 2–3 social-provider buttons.
'Forgot password?' and 'Create an account' link line.
All of these are in the catalog — the Builder skill imports them automatically. Each chip links to that component's page.
When the Builder skill scaffolds this template for you, these are the fields it asks about — or infers from your prompt.
Ask your AI agent to scaffold this template in your project — the Builder skill knows the Login layout and the components it uses.
Two paths to your first component. Pick the one that fits how your team builds.
One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.
The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.