Account (Web app)
The private profile screen where a user edits their own identity and can leave the product.
Account & Settings · 6 checks · 37 resources
Before you ship
6- 01Profile photo — a way to upload or change the profile image, with a sensible fallback such as initials
- 02Display name — the name shown to other users or across the product interface
- 03Account details — fields for email address, phone number, job title or other relevant identifying information
- 04Linked accounts — a view of which third-party accounts are connected for sign-in or data access, with the ability to disconnect
- 05Save confirmation — clear feedback that changes have been saved, either inline or as a toast
- 06Delete or deactivate account — options clearly separated from other settings
Resources that help you build this
37- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- 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
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- 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
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and Icons
- 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
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- Ant Design · 73-component React library and design language for enterprise back-office apps
- Base UI · 37 unstyled React components from the Radix, Floating UI and MUI teams
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Clerk shadcn Registry · shadcn CLI commands that scaffold Clerk auth pages and middleware into a Next.js app
- coss ui · Cal.com's Base UI + Tailwind v4 registry: 56 primitives and 500 particle variants
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- Fluent 2 · Microsoft's design system: 47 web components plus Windows, iOS and Android kits
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- 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 Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- Avvvatars · React component that derives a deterministic placeholder avatar from a string
- BoardUI · React 19 + Tailwind v4 design system for dashboards and agent UIs — 57 components, 47 of them free through a shadcn-schema registry
- 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
- Oreo Avatar · Deterministic soft-gradient SVG avatars, 6 shapes x 40 palettes
- 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
- Primer · GitHub's design system: 62 React components, Octicons and design tokens
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLI
- ShadcnShip · shadcn blocks pre-wired to Supabase auth, Stripe billing and Resend email
- Tark UI · One-page showcase of 41 Ark UI components with 333 Tailwind-styled examples
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kits
- Pando (Pluralsight Design System) · Pluralsight's design system documented in zeroheight; public code frozen at v0.7.1