🌟 CS Custom Loader - By Code Synth

A beautifully crafted set of 10+ customizable, animated React loaders built with TailwindCSS — includes smooth 3D-like effects, ultra-lightweight design, and full TypeScript support. Ideal for all modern React 18/19 projects.

✨ Features

🎨 10+ modern loaders (spinners, dots, bars, morphs, orbits, etc.)
⚡️ Super lightweight and blazing fast
🎯 Built with TailwindCSS — no extra styles needed
🧩 Fully customizable via props
🔁 CommonJS & ESM module support
✅ 100% TypeScript-ready with auto-complete & typings
🧪 Easy to test in local dev (Vite + React)

📦 Installation

Install the package using npm:

npm install cs-custom-loader

Or using yarn:

yarn add cs-custom-loader

Or using pnpm:

pnpm add cs-custom-loader

🚀 Usage Example

src\App.tsx

import React from 'react';
import { Spinner_Circle } from 'cs-custom-loader';

const App = () => {
  return (
    <div className="flex items-center justify-center h-screen">
      <Spinner_Circle size={50} color="blue" />
    </div>
  );
};

export default App;

⚖️ License

ISC License

📬 Support

If you encounter any issues, feel free to open an issue or contact me at dharaneesh@codesynth.xyz.

Package detail

cs-custom-loader

readme