Login (Web app)
The in-product authentication screen that gets an existing account back into the workspace.
Onboarding & Auth · 7 checks · 57 resources
Before you ship
7- 01Email and password fields — the two standard authentication inputs
- 02Show/hide password toggle — a button alongside the password field that reveals or conceals what the user has typed
- 03Forgot password — a link that begins the password reset flow
- 04Remember me — a checkbox that persists the user's session across browser closures
- 05SSO or social login — alternative authentication via a third-party identity provider (Google, Microsoft, GitHub)
- 06Sign up link — a link to the account creation screen for users who do not yet have an account
- 07Error messages — feedback shown when authentication fails, indicating what the user should try next
Resources that help you build this
57- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- HeroUI (formerly NextUI) · 71 React components on React Aria + Tailwind v4, with an MCP server
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one page
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-paste
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCP
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- Simple Icons · 3,453 CC0 brand logos with official hex colours and a free colour-aware CDN
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txt
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocks
- AlignUI · React + Tailwind design system with a code-synced Figma library
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docs
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing components
- Clerk shadcn Registry · shadcn CLI commands that scaffold Clerk auth pages and middleware into a Next.js app
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLI
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/ui
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- Subframe · Visual editor that emits React + Tailwind + Radix code, with an MCP server
- Supabase UI Library · shadcn registry of blocks that wire a UI straight into Supabase auth, storage and realtime
- Tremor · 40 copy-paste React chart and dashboard components, plus 300+ free blocks
- Uiverse · Community archive of ~4,400 MIT-licensed CSS and Tailwind UI snippets
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- BoardUI · React 19 + Tailwind v4 design system for dashboards and agent UIs — 57 components, 47 of them free through a shadcn-schema registry
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templates
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs site
- Nicely Done · Searchable index of ~199k SaaS screens, 12.5k flows and 29k UI components
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSS
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring
- ShadcnShip · shadcn blocks pre-wired to Supabase auth, Stripe billing and Resend email
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Skiper UI · 106 animated shadcn/ui components installed by registry, mostly behind a $129 licence
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStack
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kits
- WDS Shadcn Registry · Five shadcn components for async actions, loading states and hard form inputs