Ai - Loader Blocks

A button component with an integrated loading state that replaces the icon with an indeterminate progress circle during asynchronous operations.

A state-aware button component that transitions between idle, loading, and success states, featuring an integrated spinner loader and icon feedback for asynchronous API key generation tasks.

A collection of customizable loading indicators featuring ring and spin variants, built with Tailwind CSS for seamless integration into AI-driven interfaces.

A collection of scalable loading indicators featuring consistent animation patterns, rendered in various sizes using Tailwind CSS utility classes for flexible integration.

A minimalist, reusable loading indicator component designed for AI-driven interfaces, featuring smooth CSS animations to provide visual feedback during asynchronous data processing.

A dynamic progress bar component featuring a track, percentage indicator, and descriptive text, designed to visually represent task completion status with smooth state updates.

An indeterminate progress bar component featuring a loading label and dynamic value display, designed for tracking ongoing background tasks with a smooth, continuous animation.

An indeterminate progress circle component that provides visual feedback for ongoing background tasks using a smooth, continuous spinning animation.

A circular progress indicator component that visually represents completion percentage with a smooth animated stroke, ideal for loading states and task tracking.

A circular progress indicator component that supports custom sizing, indeterminate states, and dynamic value updates, built with Tailwind CSS for clean visual feedback.

A set of indeterminate circular progress indicators featuring customizable color themes using Tailwind CSS utility classes for visual status feedback.

A loading skeleton component that wraps content to display a placeholder state while data is being fetched, featuring a clean layout with avatar and text placeholders.