cnippet – shadcn/ui Components – Page 5

Add Filters

@cnippet/sliding-number

Digits slide up or down independently when value changes (odometer style)

@cnippet/spinner

(No description)

@cnippet/spinning-text

Text arranged in a circle rotating continuously

@cnippet/splitting-text

Text splits into characters or words with individual animation control

@cnippet/stacking-cards

Cards stack and scale on scroll — each pins to the top while the next slides underneath

@cnippet/style

Complete coss theme: colors, sidebar, fonts, and base styles. Use with `npx shadcn init @coss/style` for full project setup.

(No description)

(No description)

(No description)

@cnippet/text-along-path

Text follows an SVG path, optionally animated

@cnippet/textarea

(No description)

@cnippet/text-cursor-proximity

Characters scale and transform based on cursor distance

@cnippet/text-generate-effect

Words fade in sequentially as if being AI-generated

@cnippet/text-gradient

Animated gradient colors flowing through text

@cnippet/text-highlight

Background highlight animates behind text on scroll or hover

@cnippet/text-loop

Cycles through an array of strings with smooth exit and enter transitions

@cnippet/text-morph

Smooth character-level morphing between two strings using shared layout

@cnippet/text-reveal

Characters or words animate in with fade, slide-up, or blur and stagger

@cnippet/text-roll

Words roll in and out vertically like a slot machine

@cnippet/text-rotate

Rotating text with configurable enter/exit animations and stagger

@cnippet/text-scramble

Characters scramble through random glyphs before resolving to the final text

@cnippet/text-shimmer

Gradient shine sweeps across text continuously

@cnippet/text-shimmer-wave

Wave-like shimmer ripples across text characters

@cnippet/toast

(No description)

@cnippet/toggle

(No description)

@cnippet/toggle-group

(No description)

@cnippet/toolbar

(No description)

@cnippet/tooltip

(No description)

@cnippet/typewriter

Characters appear one by one with an optional blinking cursor

@cnippet/ui

(No description)

@cnippet/use-copy-to-clipboard

(No description)

hook

@cnippet/use-media-query

(No description)

(No description)

(No description)

@cnippet/v-accordion-1

Default

block

@cnippet/v-accordion-10

Changelog / Release Notes with versioned entries

block

@cnippet/v-accordion-11

Searchable FAQ with live keyword filter

block

@cnippet/v-accordion-12

Settings sidebar navigation with icon sections

block

@cnippet/v-accordion-13

Job board listings with requirements and apply action

block

@cnippet/v-accordion-14

Onboarding step tracker with completion state

block

@cnippet/v-accordion-15

Product specifications table by category

block

@cnippet/v-accordion-2

Single Accordion

block

@cnippet/v-accordion-3

Multiple Accordion

block

@cnippet/v-accordion-4

Controlled Accordion

block

@cnippet/v-accordion-5

With plus/minus indicators

block

@cnippet/v-accordion-6

With borders and rounded corners

block

@cnippet/v-accordion-7

Embedded within a Card

block

@cnippet/v-accordion-8

Nested accordion example with bordered items

block