🎨 shadcn-inspired Classless CSS

A minimalist, class-less CSS framework inspired by the beautiful components of shadcn/ui. This project aims to provide a simple, yet elegant styling solution for your web projects without the need for custom classes.

✨ Features

• 🖌️ Inspired by shadcn/ui components
• 🚫 No classes required
• 🌓 Dark mode support
• 📱 Responsive design
• 🚀 Lightweight and fast

🚀 Getting Started

1. Download the shadcn-inspired-classless.min.css file from this repository.
2. Include it in your HTML file:

<link rel="stylesheet" href="path/to/shadcn-inspired-classless.min.css">

3. Start writing your HTML without worrying about classes!

📚 Usage

Simply write semantic HTML, and the styles will be automatically applied. For example:

<header>
  <h1>My Awesome Website</h1>
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>
</header>

🎨 Customization

To customize the styles, you can override the CSS variables defined at the root of the stylesheet. For example:

:root {
  --primary: #3498db;
  --background: #f0f0f0;
}

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📜 License

This project is MIT licensed.

🙏 Acknowledgements

• Inspired by shadcn/ui
• Based on the concept of classless CSS frameworks like Pico.css