cnippet – shadcn/ui Components

Add Filters

@cnippet/accordion

(No description)

@cnippet/alert

(No description)

@cnippet/alert-dialog

(No description)

@cnippet/animated-number

Smooth spring-based number interpolation

@cnippet/autocomplete

(No description)

@cnippet/avatar

(No description)

@cnippet/badge

(No description)

@cnippet/breadcrumb

(No description)

@cnippet/breathing-text

Characters scale and opacity pulse in a wave pattern using variable fonts

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

@cnippet/checkbox-group

(No description)

@cnippet/collapsible

(No description)

@cnippet/colorful-text

Characters animate in with randomized vibrant colors

@cnippet/colors-neutral

(No description)

style

@cnippet/combobox

(No description)

@cnippet/command

(No description)

@cnippet/context-menu

(No description)

@cnippet/counting-number

Animates from a start value to a target number

@cnippet/csp-provider

(No description)

lib

@cnippet/dialog

(No description)

@cnippet/direction-provider

(No description)

lib

@cnippet/drawer

(No description)

@cnippet/empty

(No description)

@cnippet/encrypted-text

Characters decrypt from gibberish in a military terminal style

@cnippet/field

(No description)

@cnippet/fieldset

(No description)

@cnippet/flip-words

Words flip in 3D on a timer along X or Y axis rotation

@cnippet/font-heading

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

(No description)

@cnippet/letter-3d-swap

Letters rotate in 3D space on hover revealing a second face

@cnippet/letter-swap-hover

Each letter swaps position vertically on hover

@cnippet/m-animated-number-1

Stepper — +10/-10 buttons spring the figure through intermediate values

block

@cnippet/m-animated-number-2

Upload progress — percentage label animates alongside a CSS progress bar

block