Components/React Loading and Progress Components

React Loading and Progress Components

Loaders, steppers, and progress indicators that make waiting feel intentional. Built with Tailwind CSS and Motion, ready to copy and paste or install via the shadcn CLI.

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
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 Stepper

Glass Stepper

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.

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