Free shadcn/ui components
Components from our templates, animated with Motion. Install them with the shadcn CLI.
- View component
Segmented Control
Mutually exclusive options with a highlight that slides to the selected one.
- View component
Tabs
Underline tabs. The underline slides to the active tab and resizes to fit its label.
- View component
Switch
A switch whose thumb springs across when toggled and stretches while pressed.
- View component
Checkbox
A checkbox that draws its check mark and squishes when pressed.
- View component
Status
A colored dot and a label for showing state, with an optional pulse.
- View component
Animated Number
A number that counts to its new value when it changes.
- View component
Radio Group
Radio buttons that squish when pressed, with a dot that springs in when picked.
- View component
Tooltip
A tooltip on a frosted panel that scales in from its trigger and fades out when you move away.
- View component
Dialog
A dialog that springs up over a light overlay and animates out before it closes.
- View component
Sheet
A side panel that slides in from any edge of the screen over a light overlay.
- View component
Dropdown Menu
A frosted menu that scales out of its trigger and animates out when it closes.
- View component
Command
A command palette whose highlight glides between results as you move through them.
- View component
Collapsible
A section that opens and closes by animating its height.
- View component
Image Lightbox
A thumbnail that flies out to a larger view in the middle of the screen, over a lightly blurred page.
Install by name
Add the registry to your components.json once, then install any component as @chewypixel/name.
{
"registries": {
"@chewypixel": "https://chewypixel.io/r/{name}.json"
}
}npx shadcn@latest add @chewypixel/segmented-controlWorks in any shadcn/ui project on Tailwind CSS v4.
Free for any project
Every component is MIT licensed.
See them in a real app
These components come from Mochi, our admin dashboard template built with Next.js, shadcn/ui and Motion.