HomeBookmarks
corrcorr
corr

corr

COby corr
9components8.6Kviews187bookmarks

Installs all 58 components. Without our CLI, run instead.

Auto-indexed

corr contents

  • Screen Size GuardScreen Size Guard

    Screen Size Guard

  • Area ChartArea Chart

    Area Chart

  • Pie ChartPie Chart

    Pie Chart

  • Composed ChartComposed Chart

    Composed Chart

  • StepperStepper

    Stepper

  • Status PillStatus Pill

    Status Pill

  • Metric BadgeMetric Badge

    Metric Badge

  • Audit LogAudit Log

    Audit Log

  • Key Value ListKey Value List

    Key Value List

  • That's all 9 components

    About corr

    corr publishes a shadcn registry at ui.corr.sh, with 58 components installable through the shadcn CLI.

    Components
    58

    Also in the corr registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • Accordion List

      accordion-list

      A clean accordion list wrapper for FAQs, settings, and dense help content.

      accordion, card1 file
    • Dialog

      action-dialog

      A compact dialog wrapper for focused confirmation and form actions.

      button, dialog1 file
    • Drawer

      action-drawer

      A mobile-friendly drawer wrapper with title, description, content, and footer actions.

      button, drawer, input1 file
    • Animated Buttons

      animated-buttons

      Animated action buttons that transition through hover, loading, and complete states.

      lucide-react, motion1 file
    • Animated Copy Button

      animated-copy-button

      A copy button that animates between idle and copied states.

      lucide-react, motion1 file
    • Animated Dialog

      animated-dialog

      A dialog wrapper with subtle Motion transitions for confirmation and form flows.

      button, dialog1 file
    • Animated Disclosure

      animated-disclosure

      An expandable disclosure panel with vertical and horizontal motion directions.

      lucide-react, motion1 file
    • Animated List

      animated-list

      A generic list wrapper with Motion entry, exit, and reorder transitions.

      motion1 file
    • Animated Number

      animated-number

      A NumberFlow-powered animated number primitive for counters, timers, and metrics.

      @number-flow/react1 file
    • Animated Progress

      animated-progress

      A smooth progress bar with determinate, semantic, and pending states.

      motion1 file
    • Animated Toggle Card

      animated-toggle-card

      Selectable cards with a shared animated active state.

      motion1 file
    • Availability

      A draggable weekly availability scheduler for creating, resizing, moving, disabling, and deleting time spans.

      @dnd-kit/core, @dnd-kit/utilities, lucide-react, nanoid1 file
    • Bar Chart

      bar-chart

      A styled EvilCharts bar chart for comparing categories with stacked, gradient, hatched, and horizontal variants.

      motion, recharts7 files
    • Chart Empty Loading Error

      chart-empty-loading-error

      A standardized chart state frame for ready, loading, empty, and error states.

      lucide-react1 file
    • Code Block

      code-block

      A copyable code block with line numbers, language selection, and lightweight language-aware syntax highlighting.

      lucide-react1 file
    • Command Palette

      command-palette

      A reusable command dialog wrapper for grouped actions, app navigation, and searchable command menus.

      lucide-react, motion1 file
    • Component Health Panel

      component-health-panel

      A registry health panel for dependencies, source files, JSON URLs, and install commands.

      lucide-react, motion1 file
    • Date Picker Field

      date-picker-field

      A date picker field with local-safe date normalization and optional ISO date string output.

      date-fns, lucide-react2 files
    • Destructive Gate

      destructive-gate

      A dialog and mobile drawer confirmation that gates destructive actions behind a generated three-word phrase.

      lucide-react, radix-ui, vaul3 files
    • Empty State

      empty-state

      A small empty-state wrapper around the shadcn empty primitive with action slots and visual variants.

      lucide-react1 file
    • File Manager

      file-manager

      A file manager block with upload, list/grid layout, and item actions.

      @dnd-kit/core, lucide-react, motion1 file
    • File Upload Dropzone

      file-upload-dropzone

      A controlled drag-and-drop file upload field with selected file rows.

      lucide-react1 file
    • Filters

      A composable filter builder with searchable fields, operators, select and multiselect values, text validation, keyboard shortcuts, and i18n labels.

      class-variance-authority, lucide-react1 file
    • Form Builder

      form-builder

      A reusable form builder block with drag-and-drop fields, JSON definitions, previews, and keyed response data.

      @dnd-kit/core, date-fns, lucide-react, motion2 files
    • Kanban

      A composable drag-and-drop kanban board with sortable columns, sortable cards, handles, overlays, and move callbacks.

      @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @radix-ui/react-slot1 file
    • Line Chart

      line-chart

      A styled EvilCharts line chart for tracking change over time with dots, glow states, brushes, and buffer lines.

      motion, recharts7 files
    • Mailbox

      A responsive mailbox block with folders, message lists, compose flow, confirmations, and toast feedback.

      lucide-react, sonner1 file
    • Metric Chart Card

      metric-chart-card

      A compact metric card with animated numbers, deltas, and a small line, bar, or area chart.

      @number-flow/react, lucide-react, motion, recharts2 files
    • Preview Data Provider

      preview-data-provider

      A shared mock data provider for consistent registry demos and examples.

      1 file
    • Preview Link

      preview-link

      A link wrapper that shows a static page preview card on hover.

      motion, radix-ui6 files
    • Profile Avatar

      profile-avatar

      An animated profile avatar preview that morphs from the trigger into a focused overlay.

      motion1 file
    • Project Card Carousel

      project-card-carousel

      A responsive project carousel block with preview cards, edge blur, controls, stack badges, and contact-link handling.

      lucide-react, motion, radix-ui6 files
    • Radar Chart

      radar-chart

      A styled EvilCharts radar chart for comparing multi-metric profiles across radial axes.

      motion, recharts7 files
    • Radial Chart

      radial-chart

      A styled EvilCharts radial chart for circular totals, progress groups, and semi-radial layouts.

      motion, recharts7 files
    • Registry Install Card

      registry-install-card

      A registry install surface with copy actions, JSON links, and compact usage metrics.

      lucide-react, motion2 files
    • resource-wiki

      badge, button, dropdown-menu, input
    • Responsive Preview Shell

      responsive-preview-shell

      A responsive preview utility with viewport controls and a smooth carousel with soft blurred edges.

      lucide-react, motion1 file
    • Sankey Chart

      sankey-chart

      A styled EvilCharts sankey chart for weighted flows between stages.

      motion, recharts7 files
    • Section Tabs

      section-tabs

      A compact tabs wrapper for switching between related panels.

      tabs1 file
    • Settings Page

      settings-page

      A responsive settings page block with profile, notification, and security sections.

      lucide-react, motion1 file
    • Shimmer Skeleton

      shimmer-skeleton

      A subtle shimmer skeleton for loading cards, lists, and table rows.

      motion1 file
    • Status Page

      status-page

      A status page block with uptime metrics, GitHub-style day bars, service filtering, and incident history.

      @number-flow/react, class-variance-authority, lucide-react, motion3 files
    • Timeline

      A composable horizontal timeline with draggable slots, rows, drop validation, current-time markers, and custom slot rendering.

      @dnd-kit/core, @radix-ui/react-slot, tunnel-rat1 file
    • Toast Action

      toast-action

      A simple sonner toast trigger with title, description, and undo action.

      sonner1 file
    • Typography Effects

      typography-effects

      Motion typography utilities for shimmer text, cycling loading messages, and lyric-style active word emphasis.

      motion2 files

    What corr builds on

    The packages and primitives its components pull in, counted across the registry.

    button29input11badge9card9dropdown-menu6separator6dialog5scroll-area4select4tabs4field3label3

    Hooks and utilities

    • carousel
    • data-table

    What corr shipped recently

    Every appearance and removal our crawl has seen in the registry index.

    • resource-wikiaddedSep 11, 2026

    Registries like corr

    Magic UI

    Magic UI

    by Dillion Verma

    64

    components

    coss

    coss

    by coss

    74

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    Motion Primitives

    Motion Primitives

    by Julien Thibeaut

    39

    components

    Browse every shadcn registry we track →

    ReUI

    ReUI

    by Sean Hello

    263

    components

    Evil Charts

    Evil Charts

    by Legion Dev

    13

    components

    1. Components
    2. /
    3. corr
    4. /
    5. corr

    Related libraries

    ReUI

    ReUI

    by Sean Hello

    263

    components

    vizcn · by vibecoding.tech

    vizcn · by vibecoding.tech

    by Eugene Shilow

    17

    components

    Evil Charts

    Evil Charts

    by Legion Dev

    13

    components

    Origin UI

    Origin UI

    by Origin UI

    44

    components

    visx

    visx

    by Airbnb

    29

    components

    REAVIZ

    REAVIZ

    by REAVIZ

    12

    components

    About corr

    corr is a component library on 21st.dev by corr with 9 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 9 corr components

    • Area Chart
    • Audit Log
    • Composed Chart
    • Key Value List
    • Metric Badge
    • Pie Chart
    • Screen Size Guard
    • Status Pill
    • Stepper

    Browse all component libraries →