Cnippet — 163 React Components, Preview & Copy | 21st

Cnippet

Cnippet

Premium UI components, pre-built blocks, and guides to accelerate React and Next.js development.

187components651.7Kviews5.1Kbookmarks

Cnippet contents

Stats Dashboard Grid

Stats Dashboard Grid

Stats Dashboard Grid

Documentation Link Card

Documentation Link Card

Documentation Link Card

Icon Link Card

Icon Link Card

Icon Link Card

Notification Center

Notification Center

Notification Center

Stat Card with Overflow Menu

Stat Card with Overflow Menu

Stat Card with Overflow Menu

Shopping Cart Sheet

Shopping Cart Sheet

Shopping Cart Sheet

Expandable Content Card

Expandable Content Card

Login Form Card

Login Form Card

Login Form Card

Stacked Depth Card

Stacked Depth Card

Stacked Depth Card

Support Contact Sheet

Support Contact Sheet

Support Contact Sheet

Sheet Navigation Sidebar

Sheet Navigation Sidebar

Sheet Navigation Sidebar

Settings Card with Sidebar

Settings Card with Sidebar

Activity Log Sheet

Activity Log Sheet

Activity Log Sheet

Card with Image

Card with Image

Card with Image

Scrollable Sheet

Scrollable Sheet

Scrollable Sheet

Card with Dropdown Menu

Card with Dropdown Menu

Side Sheets

Side Sheets

Side Sheets

Card with Link

Card with Link

Card with Link

Card with Border Separation

Card with Border Separation

Card with Border Separation

Card with Border

Card with Border

Card with Border

Create Project Card

Create Project Card

Create Project Card

Time Slot Booking Calendar

Time Slot Booking Calendar

Issue Label Picker

Issue Label Picker

Select All Checkbox

Select All Checkbox

Select All Checkbox

Components
/
Cnippet
/
Cnippet

Related libraries

Ruixen UI

378

components

HextaUI

by Preet Suthar

123

components

ReUI

100

components

Shadcnblocks.com

by Shadcnblocks.com

35

components

Kokonut UI

by Kokonut Baffier

56

components

coss

28

components

About Cnippet

Cnippet is a component library on 21st.dev by Cnippet with 163 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 163 Cnippet components

Access Restricted Empty State
Accordion
Account Menu
Activity Log Sheet
Aero Blog-1
Aero Footer-1
Aero Hero-1
Aero Hero-3
Aero Metrics-1
AI Response Text Generate Card
Alert
Alert with Actions in Frame
Alert with Icon and Actions

Browse all component libraries →

Announcement Banner

API Usage Meter Card

Auth Form with Spinner

Basic Context Menu

Bookmark Toggle List

Boxly Pricing-1

Breadcrumb with Avatar

Breadcrumb with Icons

Breadcrumb with Project, User & Document Info

Button Breadcrumb

Canvas Zoom Toolbar

Card Frame Table

Card with Border

Card with Border Separation

Card with Dropdown Menu

Card with Image

Chat Thread Skeleton

Checkout Steps Breadcrumb

Context Menu Social Feed

Context Menu with Icons

Cookie Consent Banner

Cookie Preferences Manager

Copy to Clipboard Tooltip

Counting Number

Create Project Card

Dashboard Stats Skeleton

Data Table Skeleton

Davincho Hero-1

Documentation Link Card

Email Inbox Skeleton

Email Verification Alert

Expandable Content Card

Feature Gate Tooltip

Feature Toggle Switch Cards

File Actions Menu

File Explorer Context Menu

Formatting Context Menu

Form Fields Skeleton

Form Fields with Tooltip Hints

Image Editor Toolbar

Info Icon Tooltip

Inline Loading Status

Invoice History Table

Issue Label Picker

Kanban Board Skeleton

Keyboard Shortcut Toolbar

Loading State Card

Login Form Card

Marketing Emails Switch

Nested Bordered Accordion

Notification Center

Notification Settings Menu

Onboarding Steps Carousel

Onboarding Step Tracker

Outline Toggle Buttons

Outline Toggle Group

Parallax Floating

Parallax Floating Symbols

Password Strength Meter

Pricing Plan Carousel

Privacy Settings Switches

Product Grid Skeleton

Random Letter Swap

Random Letter Swap CTA Buttons

Random Letter Swap Navigation

Rate Limit Alert Dialog

Read More Content Expander

Role Filter Chips

Scrollable Sheet

Scroll Swap Text

Scroll Velocity Text

Select All Checkbox

Server Settings Toggle

Services with Animated Hover Modal

Settings Card with Sidebar

Settings Page Skeleton

Settings Sidebar Accordion

Share Menu with Export Submenu

Sheet Navigation Sidebar

Shopping Cart Sheet

Sidebar Dashboard Skeleton

Skill Level Meters

Stacked Depth Card

Stat Card with Overflow Menu

Stats Dashboard Grid

Storage Limit Alert

Support Contact Sheet

Support Ticket Form

Switch Settings Table

Task Board Context Menu

Task Priority Toggle List

Team Members Table

Testimonial Carousel

Textarea with Character Count

Textarea with Label

Text Cursor Proximity Scale

Text Generate Effect

Text Highlight Direction Picker

Time Slot Booking Calendar

Unsaved Changes Reminder Toast

User List Accordion

Variable Font Hover CTA

Variable Font Hover Hero

Variable Font Hover Nav

Variable Font Proximity Hero

Vercep Metrics-1

Vertical Cut Reveal

Vertical Cut Reveal Characters

Vertical Toggle Group

Video Call Controls Bar

View Mode Toggle Group

Volume Control Slider

Zoom Level Toggle Group