Loader

Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/loader

Files

• components/motion/loader.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• Spinner Components
• React Spinner Components
• Tailwind CSS Spinner Components
• Animated Spinner Components

More from beUI

• Loading States
• Pull To Refresh
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert