Introducing Spider.css — A Lightweight, Utility-First CSS Framework for Developers

Hey devs! I’m excited to share Spider.css, my new minimal yet powerful CSS framework designed to make your frontend development faster, cleaner, and more customizable.

Why Spider.css?

If you love utility-first CSS like Tailwind but want something lightweight, easy to use, and packed with essential features like dark mode, built-in animations, and great defaults, Spider.css is for you.

It comes as a single CSS file (and optional JS) you can include via CDN or self-host. Whether you want rapid prototyping or a solid base for your projects, Spider.css fits right in.

Key Features

• Utility-first design tokens and classes for spacing, colors, typography, shadows, and more
• Dark mode support out of the box with a simple attribute toggle
• Built-in animations like fade, bounce, and slide
• Predefined components like cards and buttons requiring no JS
• Easy theming and customization

Getting Started

Use the CDN to get started in seconds:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/pjdeveloper896/Spider.css/dist/Spider.css">

Here’s a simple example:

<div class="card p-4 m-2 shadow rounded bg-white dark:bg-gray-900">
  <h1 class="text-primary">Welcome to Spider.css</h1>
  <p>Build beautiful interfaces quickly!</p>
  <button class="bg-primary text-white rounded p-2">Click Me</button>
</div>

Check Out the Docs & Repo

Dive deeper into Spider.css with full documentation and examples at:
https://pjdeveloper896.github.io/Spider.css/

Explore the source code or contribute on GitHub:
https://github.com/pjdeveloper896/Spider.css

What’s Next?

I’m continuously working on Spider.css to add features like custom attributes for even more powerful styling options and improving the developer experience.

If you try Spider.css, I’d love your feedback or contributions!

About Me

Hi, I’m PJ Developer — a passionate web developer creating open-source tools for the community. Follow me on GitHub to keep up with my latest projects: https://github.com/pjdeveloper896