Core, motion, and chart components for React/Next.js with Cnippet UI
Access premium UI components, pre‑built blocks, and comprehensive guides to accelerate your workflow for
Startup
Free and open-source forever.
Core components
Components built on top of Shadcn/UI, perfect for building modern web applications.
Explore ComponentsButtons
Inputs
.com
Tooltip
Overlays
Controls
Right click here
Calendar
October 2025
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
28 | 29 | 30 | 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 | 1 |
Motion components
Components built on top of framer motion, perfect for building modern web applications.
Explore ComponentsInfinite Slider
Dock
Tilt Card
Ghost in the Shell
Kôkaku kidôtai
House of the dragon
Kôkaku kidôtai
Image Comparision
Chart components
Components built on top of Shadcn/UI, perfect for building modern web applications.
Explore ComponentsBar Chart
Bar Chart
January - June 2024
Trending up by 5.2% this month
Showing total visitors for the last 6 months
Line Chart
Line Chart
January - June 2024
Trending up by 5.2% this month
Showing total visitors for the last 6 months
Radar Chart
Radar Chart
Showing total visitors for the last 6 months
Trending up by 5.2% this month
January - June 2024
Integrate Cnippet UI components
In four simple steps
It’s easy to integrate our components into your React or Next.js project.
02
Clone the GitHub repo
Clone the repository to get the latest components and start building.
04
Copy and paste components
Browse the library and copy the code you need — it’s that simple.