Components & Blocks/React Loading and Progress Components

Standalone: Components & Blocks

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

Glass Stepper

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

View Component
Free
Glass Progress

Glass Progress

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

View Component
Free
Charging Widget

Charging Widget

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

View Component
Free
Runway Loader

Runway Loader

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

View Component

© 2026 AI Canvas - AI Native Components, Design Systems and Templates

ComponentsAndromeda ProAndromeda LegacyPricingContactFeedbackFAQPrivacy PolicyTermsRefundPremium LicenseVerträge hier kündigenImpressumCreditsshadcn registry@aicanvas/mcp
AI Canvas
Design Systems
  • Andromeda ProNew
  • Andromeda Legacy
Components & Blocks
  • All Components
  • Cards & Modals
  • Widgets
  • Backgrounds
  • Blocks
  • Buttons & Toggles
  • Navigation
  • Inputs & Controls
  • Notifications
  • Typography
  • Glass
  • 3D & Shaders
Get MCPPricingAboutFAQContactFeedback
AI Canvas
Components & Blocks/React Loading and Progress Components