react-super-spinners

Beautiful, lightweight React loading spinners — with Tailwind and pure CSS support.

No bloat. No lock-in. Just drop in and spin.

Why this exists

Most spinner libraries force you into:

• a styling system you don’t use
• heavy dependencies
• or rigid APIs

react-super-spinners keeps things simple:

• Works with Tailwind OR plain CSS
• Tiny, fast, tree-shakable
• Customizable with size, className, color, speed
• Plug-and-play components
• No unnecessary abstractions

If you’ve ever just needed a clean loader without fighting a library — this is for you.

Install

npm install react-super-spinners

Usage

Tailwind version

import { ClassicSpinner } from "react-super-spinners/tailwind";

<ClassicSpinner size={32} color="text-blue-500" speed="1s" />

Vanilla CSS version

import { ClassicSpinner } from "react-super-spinners/css";
import "react-super-spinners/css/styles.css";

<ClassicSpinner size={32} color="#3b82f6" speed="1s" />

Props

| Prop | Type | Description | | ---------- | ------ | ------------------------ | | size | number | Width/height in px | | className | string | Tailwind or custom class | | color | string | Tailwind class or color | | speed | string | Animation duration |

Philosophy

This library does less, intentionally.

• No config files
• No provider wrappers
• No magic

Just import → use → move on.

License

MIT