Cnippet

Cnippet

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

200components2.5Mviews11.1Kbookmarks

Cnippet contents

Line Chart

Line Chart

Line Chart

API Latency Percentile Chart

API Latency Percentile Chart

API Latency Percentile Chart

Stacked Revenue Area Chart

Stacked Revenue Area Chart

Stacked Revenue Area Chart

Search Bar with Category Filter

Search Bar with Category Filter

Search Bar with Category Filter

Media Player Button Group

Media Player Button Group

Message Composer Group

Message Composer Group

Message Composer Group

Pagination Button Group

Pagination Button Group

Pagination Button Group

Domain Suffix Input Group

Domain Suffix Input Group

Domain Suffix Input Group

Domain Input Group

Domain Input Group

Domain Input Group

Currency Amount Input Group

Currency Amount Input Group

Currency Amount Input Group

Vertical Zoom Group

Vertical Zoom Group

Vertical Zoom Group

Helpfulness Vote Group

Helpfulness Vote Group

Helpfulness Vote Group

Price Range Input Group

Price Range Input Group

Price Range Input Group

Keyboard Shortcuts Sheet

Keyboard Shortcuts Sheet

Team Invite Sheet

Team Invite Sheet

Edit Profile Sheet

Multi Select Combobox Form Field

Multi Select Combobox Form Field

Multi Select Combobox Form Field

Select with Disabled Options

Select with Disabled Options

Country Combobox

Country Combobox

Basic Select

Basic Select

Field with Textarea

Field with Textarea

Field with Textarea

Field Validity Inspector

Field Validity Inspector

Field Validity Inspector

Field with Label and Description

Field with Label and Description

Field with Label and Description

Team Directory Collapsible

Team Directory Collapsible

Team Directory Collapsible

Components
/
Cnippet
/
Cnippet

Related libraries

Ruixen UI

347

components

HextaUI

by Preet Suthar

119

components

ReUI

262

components

Kokonut UI

by Kokonut UI

60

components

Base UI

by MUI

28

components

Tailark

by Méschac Irung

56

components

About Cnippet

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

Accordion
Accordion with Plus/Minus Indicators
Account Deactivation Alert Dialog
Account Menu
Account Settings Fieldset
Activity Log Drawer
Activity Log Sheet
Aero Blog-1
Aero Footer-1
Aero Hero-1
Aero Hero-3
Aero Metrics-1

Browse all component libraries →

AI Response Text Generate Card

Alert with Icon and Actions

Announcement Banner

API Latency Percentile Chart

API Usage Meter Card

Appointment Booking Calendar

Appointment Booking Date Picker

Auth Form with Spinner

Autocomplete Field

Basic Context Menu

Billing Details Fieldset

Billing Frequency Radio Group

Billing Warning Alert Dialog

Birthday Date Picker

Booking Calendar

Bookmark Toggle List

Bordered Rounded Accordion

Boxly Pricing-1

Breadcrumb with Avatar

Breadcrumb with Icons

Breadcrumb with Project, User & Document Info

Button Breadcrumb

Calendar with Custom Select Dropdown

Calendar with Dropdown Navigation

Calendar with Event Indicators

Calendar with Holidays

Canvas Zoom Toolbar

Card Frame Table

Card Style Checkbox

Card with Border

Card with Border Separation

Card with Dropdown Menu

Card with Image

Changelog Accordion

Change Password Fieldset

Change Password Form

Chat Thread Skeleton

Checkbox Group Field

Checkbox Group Form

Checkbox with Description

Checkbox with Label

Checkout Steps Breadcrumb

CI/CD Build Log Viewer

Code File Viewer Tabs

Collapsible Animated Card

Collapsible Billing Card

Collapsible Filter Panel

Collapsible Form Fields

Context Menu Social Feed

Context Menu with Checkboxes

Context Menu with Icons

Context Menu with Radio Groups

Context Menu with Shortcuts

Controlled Accordion

Cookie Consent Banner

Cookie Preferences Manager

Copy to Clipboard Tooltip

Counting Number

Country Combobox

Create Project Card

Currency Amount Input Group

Currency Select

Custom Separator Breadcrumb

Dashboard Metrics Tabs

Dashboard Stats Skeleton

Data Export Checkbox Group

Data Table Skeleton

Date of Birth Calendar

Date of Birth Field

Date Picker with Dropdown Navigation

Date Picker with Presets

Date Range Calendar

Date Range Picker

Date Range Picker with Presets

Davincho Hero-1

Delete Account Form

Delivery Date Selector

Disabled Checkbox Group

Documentation Link Card

Domain Input Group

Domain Suffix Input Group

Dropdown Menu with Submenus

Edit Profile Dialog

Edit Profile Drawer

Edit Profile Sheet

Email Field with Error State

Email Inbox Skeleton

Email Verification Alert

Event RSVP Card

Expandable Content Card

FAQ Accordion Card

Feature Gate Tooltip

Feature Toggle Switch Cards

Feedback Popover

Field Validity Inspector

Field with Label and Description

Field with Select Dropdown

Field with Slider

Field with Switch Toggle

Field with Textarea

File Actions Menu

File Attachments Drawer

File Explorer Context Menu

File Upload Field

Food Preference Checkbox Groups

Forgot Password Form

Formatting Context Menu

Form Fields Skeleton

Form Fields with Tooltip Hints

Form Integration Checkbox

GitHub Repository Cards

Habit Tracker Calendar

Help Center Drawer

Helpfulness Vote Group

Horizontal Form Fields

Hotel Stay Date Range Picker

Image Editor Toolbar

Incident Status Timeline

Info Icon Tooltip

Inline Loading Status

Integration Enable Checkbox List

Invite Team Member Form

Invoice History Table

Issue Label Picker

Job Board Accordion

Keyboard Shortcuts Sheet

Keyboard Shortcut Toolbar

Label with Badge Indicator

Label with Character Counter

Label with Helper Text

Label with Icon Prefix

Label With Keyboard Shortcut

Label with Optional Indicator

Label with Required Indicator

Loading State Card

Logout Confirmation Dialog

Markdown Write & Preview Textarea

Marketing Emails Switch

Media Player Button Group

Menu Icon Button

Message Composer Group

Multi-Consent Registration Gate

Multi-Field Form

Multi-level Collapsible Menu

Multi-Select Combobox Form Field

Nested Bordered Accordion

Newsletter Signup Form

Notification Center

Notification Channel Selector

Notification Checkbox Group

Notification Frequency Select

Notification Preferences Fieldset

Notification Preferences Matrix

Notification Settings Menu

Onboarding Steps Carousel

Onboarding Step Tracker

Onboarding Wizard Form

OTP Verification Field

Outline Toggle Buttons

Outline Toggle Group

Package Dependency List

Pagination Button Group

Pagination with Page Input

Parallax Floating

Parallax Floating Symbols

Parent Checkbox Group

Password Label with Forgot Link

Password Strength Field

Password Strength Meter

Payment Information Fieldset

Payment Method Card Checkbox

Personal Information Fieldset

Plan Add-on Selector

Preferences Drawer

Price Range Input Group

Price Range Slider

Pricing Billing Toggle

Pricing Plan Card

Pricing Plan Carousel

Priority Select with Badge Display

Privacy Policy Collapsible Card

Product Grid Skeleton

Product Specifications Accordion

Profile Repository Tabs

Profile Settings Form

Quick Actions Grid Drawer

Radio Group Field

Radio Group Form

Random Letter Swap

Random Letter Swap CTA Buttons

Random Letter Swap Navigation

Rate Limit Alert Dialog

Read More Content Expander

Recurring Schedule Picker

Required Password Field

Role Filter Chips

Role Permissions Picker

Scrollable Sheet

Scroll Swap Text

Scroll Velocity Text

Searchable FAQ Accordion

Search Bar with Category Filter

Segmented Control Tabs

Select All Checkbox

Select with Disabled Options

Server Settings Toggle

Services with Animated Hover Modal

Session Expired Dialog

Settings Card with Sidebar

Settings Page Skeleton

Settings Sidebar Accordion

Share Menu with Export Submenu

Sheet Navigation Sidebar

Shipping Address Fieldset

Shopping Cart Sheet

Sidebar Dashboard Skeleton

Skill Level Meters

Slider with Tooltip Indicator

Social Links Fieldset

Sprint Planner Calendar

Sprint Task Checklist

Stacked Depth Card

Stacked Revenue Area Chart

Staggered Toast Notifications

Stat Card with Overflow Menu

Stats Dashboard Grid

Storage Limit Alert

Subscribe Email Field

Subscription Cancellation Dialog

Support Contact Sheet

Support Request Fieldset

Support Ticket Form

Switch Settings Table

System Update Notification Alert Dialog

Tabs with Icons

Task Board Context Menu

Task Deadline Reschedule Date Picker

Task Priority Toggle List

Team Directory Collapsible

Team Invite Sheet

Team Meeting Scheduler

Team Member Fieldset

Team Members Table

Testimonial Carousel

Textarea with Character Count

Textarea with Label

Text Cursor Proximity Scale

Text Generate Effect

Text Highlight Direction Picker

Theme Selector Radio Group

Time Off Request Calendar

Time Slot Booking Calendar

Two-Month Range Picker

Underline Tabs Card

Underline Tabs with Badge Counts

Unsaved Changes Alert Dialog

Unsaved Changes Reminder Toast

User List Accordion

Validation Form

Variable Font Cursor Proximity Dual

Variable Font Hover CTA

Variable Font Hover Hero

Variable Font Hover Nav

Variable Font Proximity Hero

Variable Font Proximity Nav

Vercep Metrics-1

Vertical Cut Reveal

Vertical Cut Reveal Characters

Vertical Settings Tabs

Vertical Toggle Group

Vertical Zoom Group

Video Call Controls Bar

View Mode Toggle Group

Volume Control Slider

Weekly Availability Checkbox Grid

Week Picker Calendar

Zoom Level Toggle Group