Shadcn Loaders

A comprehensive collection of modern React loaders and spinners inspired by shadcn/ui. Built with Tailwind CSS and optimized for both dark and light themes.

Landing Page

Shadcn Loaders Landing Page

The ultimate collection of shadcn loader components. Optimized for performance, fully customizable with Tailwind CSS, and easy CLI installation.

Key Highlights

  • Free Open Source Shadcn Loader Library
  • Modern loaders for your React project
  • Clean, modern loader UI for React projects
  • Easy CLI setup with a single command
  • Fully customizable with Tailwind CSS

NPM Package

  • npm:

Installation

Add a loader component to your project with the shadcn registry syntax:

bash
npx shadcn add @shadcnloaders/loader

This command installs the loader component into your project.

shadcn Registry

This package also exposes a shadcn-compatible registry entry for direct use with the shadcn CLI:

bash
npx shadcn add @shadcnloaders/loader

Registry files are available at:

  • registry.json [blocked]
  • loader.json [blocked]
  • registry/loader.tsx [blocked]

Features

  • Easy CLI setup: Add loader components with a single npx command.
  • Shadcn-style design: Clean, modern loader UI for React projects.
  • Tailwind-ready: Style and customize quickly with utility classes.

License

This project is licensed under the MIT License.

Author

Created by .