Spinner Components

An animated SVG loader featuring mathematical curves like rose and lissajous with neubrutalism aesthetics, supporting customizable speeds, stroke widths, and dynamic path breathing animations.

A versatile loading spinner component featuring multiple animation variants including dots, bars, blocks, and brutalist styles, with configurable sizes and Tailwind CSS utility classes.

A versatile loading indicator component featuring seventeen animation variants including spinners, dots, bars, and terminal-style ASCII effects, built with Framer Motion and supporting reduced-motion accessibility.

A lightweight, accessible loading indicator using the Lucide Loader2 icon with a CSS-based spin animation for indicating pending states.

An accessible, braille-inspired loading indicator that uses monospace character animation with 25 customizable variants, adjustable speeds, and built-in support for reduced motion preferences.

A high-performance WebGL-powered loader component featuring three distinct geometric shapes and three visual styles including blur and dither effects, with support for custom colors and responsive sizing.

A shape-shifting morphing loader component that uses Framer Motion to animate border-radius, rotation, and scale for a fluid, continuous visual effect.

A fluid, organic loading animation featuring three merging blobs that use an SVG gooey filter and Framer Motion to create a continuous, interconnected pulsing effect.

A circular loading animation featuring multiple orbiting particles that rotate continuously using Framer Motion, with customizable size, particle count, and animation duration.

A minimalist pulsing circle loader component built with Framer Motion that features smooth scale and opacity animations to indicate loading states.

A customizable animated loading indicator featuring multiple vertical bars that pulse in height with staggered timing, built using Framer Motion and Tailwind CSS.

A customizable loading indicator featuring a sequence of bouncing dots with configurable size, gap, and animation duration, built using Framer Motion.

A customizable circular loading spinner built with Framer Motion that features smooth, infinite rotation animations and adjustable size, color, and stroke width properties.

A wrapper component that applies a continuous linear rotation animation to any icon or element using Framer Motion, featuring configurable duration and direction.

A circular pinwheel loader icon featuring continuous 360-degree rotation animation built with Framer Motion and SVG, designed for loading states.

A circular loading spinner icon featuring a continuous 360-degree rotation animation built with Framer Motion and SVG.

A highly customizable animated loader icon built with Motion, featuring multiple animation variants like fading segments and rotation for loading states.

A minimalist loading spinner component designed for visual feedback during asynchronous operations, featuring a clean, lightweight aesthetic compatible with shadcn/ui projects.

An animated, pulsing status indicator dot built with Framer Motion that visually represents an AI agent's thinking or processing state in chat interfaces.

A radial audio visualizer component that displays animated bars in a circular layout, reacting to real-time audio volume and agent states like listening or thinking with CSS-driven transitions and rotations.