அழிவிலி-CSS Framework

தமிழ் வகுப்பு பெயர்களுடன் கூடிய விரிவான பயன்பாட்டு-முதல் CSS கட்டமைப்பு

A comprehensive utility-first CSS framework with Tamil class names

Quick Start

NPM

npm install azhivili-css

CDN

                        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/azhivili-css@latest/dist/azhivili-css.min.css">
                    

Download

Download Latest

Features

Tamil Class Names

All utility classes use Tamil names for better localization and cultural relevance.

Production Ready

Optimized SCSS architecture with proper organization and build tools.

Responsive Design

Mobile-first responsive utilities with Tamil breakpoint names.

Modern CSS

Uses latest CSS features including Grid, Flexbox, and custom properties.

Comprehensive

Complete set of utilities for spacing, typography, colors, and layout.

Customizable

Easy to customize and extend with SCSS variables and mixins.

Examples

Basic Card Component

அழிவிலி-CSS Card

This is a sample card built with அழிவிலி-CSS Framework utilities.

<div class="அதிஅ-சி பி-வெள்ளை நிபெ-பெ எவள்-பெ பெருக்கம்-மறைக்கப்பட்ட">
  <img src="image.jpg" alt="Demo" class="அ-முழு உ-48 பி-சாம்பல்-200">
  <div class="ப-6">
    <h4 class="எஅ-பெ எஎ-அரைதடிமன் ம-கீ-2">Card Title</h4>
    <p class="நி-சாம்பல்-600 ம-கீ-4">Card description</p>
    <button class="பி-நீலம்-500 நி-வெள்ளை பகி-4 பசெ-2 எவள்-நடு">
      Learn More
    </button>
  </div>
</div>