Getting Started

Learn how to include ANTSAND Styles v2 in your project and start building beautiful, responsive websites.

Quick Start

Include via CDN

Add this line to your HTML <head> section:

<link rel="stylesheet" href="https://styles.antsand.com/css/antsand-v2/antsand.css">

Download Files

Download the complete package and include locally:

Download ANTSAND Styles v2

Basic Usage

Here's a simple example to get you started:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My ANTSAND Site</title>
    <link rel="stylesheet" href="https://styles.antsand.com/css/antsand-v2/antsand.css">
</head>
<body>
    <div class="antsand-container antsand-py-6">
        <h1 class="antsand-text-4xl antsand-mb-4">Welcome to ANTSAND</h1>
        <button class="antsand-btn antsand-btn-primary">Get Started</button>
    </div>
</body>
</html>

Next Steps

📦 Explore Components
Browse buttons, cards, forms, modals, and more
🛠️ Utility Classes
Learn about spacing, colors, typography utilities
🎯 CSS Specificity Philosophy
No !important - Proper cascade management
📝 Blog & Article Guide
Create beautiful blog posts and articles

Design Philosophy

ANTSAND Styles v2 combines the best of both worlds: semantic component classes like Bootstrap for rapid development, and utility classes like Tailwind for fine-tuned control. Built on modern CSS Grid and Flexbox with 200+ utility classes, it follows a property-driven architecture that makes styling predictable and maintainable.