Components/React Widgets for SaaS Dashboards

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 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
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
Radial Cards

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 component
Task Cards

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 — springs back the dismissed card to the bottom of the deck.

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 Search Bar

Glass Search Bar

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

View Component
Free component
Glass User Menu

Glass User Menu

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

View Component
Free component
Glass Notifications

Glass Notifications

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

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
Charging Widget

Charging Widget

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

View Component