cs-custom-loader

🌟 CS Custom Loader - By Code Synth

Developed by Dharaneesh Boobalan

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

Copyright (c) 2025 Dharaneesh Boobalan

📬 Support

If you encounter any issues, feel free to open an issue or contact me at [e-mail].