Sidebar
64 resources ship this component · Navigation
Also called: side navigation, side nav, sidenav, vertical navigation, rail, navigation rail, left nav, inspector rail.
Ships it
- Apple Human Interface Guidelines · Apple’s official design guidance for iOS, iPadOS, macOS, watchOS, tvOS and visionOSDesign Systems & Brand GuidelinesS
- assistant-ui · React chat primitives and shadcn-installable UI for LLM apps, copilots, and agentsAI Interface KitsS
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MITComponent LibrariesS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and chartsComponent LibrariesS
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skillsComponent LibrariesS
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-pasteComponent LibrariesS
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web codeDesign Systems & Brand GuidelinesS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templatesComponent LibrariesS
- Open Design · Local-first desktop app that turns your coding agent into a design engineAgent Design ToolingS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCPComponent LibrariesS
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLIComponent LibrariesS
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skillsComponent LibrariesS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP serverComponent LibrariesS
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txtDesign Systems & Brand GuidelinesS
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocksComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- affectUI · 93 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsA
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and BitbucketDesign Systems & Brand GuidelinesA
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registryComponent LibrariesA
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionA
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworksDesign Systems & Brand GuidelinesA
- Design Systems Surf · Database of ~90 public design systems, cross-cut by component and by foundation topicDesign Systems & Brand GuidelinesA
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcriptsAI Interface KitsA
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citationsComponent LibrariesA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocksComponent LibrariesA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- Navbar Gallery · 496 screenshotted site navbars, filtered by 10 nav types and 100+ stylesInspiration GalleriesA
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templatesBlocks, Templates & ThemesA
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shellAI Interface KitsA
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button packMotion & InteractionA
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code pluginBlocks, Templates & ThemesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLIComponent LibrariesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLIComponent LibrariesA
- Subframe · Visual editor that emits React + Tailwind + Radix code, with an MCP serverAgent Design ToolingA
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kitBlocks, Templates & ThemesA
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUIComponent LibrariesA
- Toolcraft · MIT React starter for canvas design tools, with agent docs baked inAgent Design ToolingA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- Watermelon UI Dashboards · Nine full React admin dashboards installed through the shadcn CLI from a public registryBlocks, Templates & ThemesA
- Animate UI · 73 motion-first React components shipped as a shadcn registryMotion & InteractionB
- Beautiful UI · 20 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffsAI Interface KitsB
- BoardUI · React 19 and Tailwind v4 components for dashboards and agent interfaces, with an MIT free tier and paid Pro catalogComponent LibrariesB
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kitsColorB
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0Blocks, Templates & ThemesB
- Kanbaaan · Kargul Studio's Next.js 16 kanban dashboard sourceBlocks, Templates & ThemesB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLIComponent LibrariesB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStackBlocks, Templates & ThemesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kitsComponent LibrariesB