Components/Widgets

Animated React Widgets

Animated widgets and small UI elements for React. Built with Tailwind CSS and Motion, copy-paste ready or installable via the shadcn CLI.

Free component
Crypto Swap

Crypto Swap

A crypto token-swap widget with live exchange rates, price impact, and an animated swap button.

View Component
Free component
Signature Pad

Signature Pad

A signature pad widget — pill button morphs into a canvas to draw with mouse or touch.

View Component
Free component
Upload Progress

Upload Progress

A collapsible file upload widget with a shimmer progress bar — indigo while uploading, amber on pause. Expand to see per-file rows with live progress, time remaining, and pause, resume, refresh, and stop controls.

View Component
Free component
Emoji Reaction Jar

Emoji Reaction Jar

Glass jar widget. Click a reaction to spring the lid and watch the emoji bounce down.

View Component
Free component
Sticker Wall

Sticker Wall

A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics.

View Component
Free component
Danger Stripes

Danger Stripes

Three crossing caution-tape stripes on orange. Hover to shake, click to intensify.

View Component
Free component
Glass Progress

Glass Progress

Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button.

View Component
Free component
Glass Music Player

Glass Music Player

Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow.

View Component
Free component
Seven-Segment Clock

Seven-Segment Clock

A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date.

View Component
Free component
Flip Calendar

Flip Calendar

A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation.

View Component
Free component
Runway Loader

Runway Loader

An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%.

View Component
Free component
Charging Widget

Charging Widget

Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously.

View Component