Standalone: Components & Blocks

Animated React Buttons and Toggles

Animated buttons and toggle switches for React. Built with Tailwind CSS and Motion, ready to copy and paste or install via the shadcn CLI.

Free

Delete Button

A red button that starts a five-second delete countdown, with a one-tap undo.

View Component

Free

Pill Toggle

A minimal iOS-style slider toggle: thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive.

View Component

Free

Mark Toggle

An iOS-style pill toggle in warm earth and sand tones: the thumb carries a small icon that morphs from X to checkmark as it slides across.

View Component

Free

Taga Toggle

A playful pill toggle with an expressive face on the thumb: dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on. Track warms from grey to yellow.

View Component

Free

Blind Pull Toggle

A dark/light mode toggle styled as a window-blind pull cord. Click to yank the cord and watch the icon swap through a venetian-blind slat animation.

View Component

Free

Glitch Button

A terminal-inspired button with a text scramble glitch effect on hover.

View Component

Free

Emoji Burst

A button that explodes emojis outward in all directions. Five emoji sets cycle on each click.

View Component

Free

Glass Toggle

On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly.

View Component