React Widgets for SaaS Dashboards

Compact, animated widgets that slot into a product dashboard: progress and charging indicators, calendars, task cards, notifications, and user menus. Each one is copy-paste ready and installable with the shadcn CLI.

Free

Crypto Swap

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

View Component

Free

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

Radial Cards

Seven health-metric cards bloom into a slowly rotating flower. Tap any petal to pull it forward and read your stats up close.

View Component

Free

Task Cards

A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks. The dismissed card springs back to the bottom of the deck.

View Component

Free

Glass Search Bar

Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support.

View Component

Free

Glass Progress

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

View Component

Free

Glass User Menu

Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out.

View Component

Free

Charging Widget

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

View Component

Free

Flip Calendar

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

View Component

Free

Glass Notifications

Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions.

View Component