Documentation v2.0.0

Welcome to the official ZyroxCSS documentation. ZyroxCSS is a modern, performance-first CSS framework designed for building responsive and beautiful interfaces with minimal effort.

New in v2.0: Complete Sass rewrite, CSS Variable support, and enhanced Accessibility (WCAG AA).

Installation

Get started by including the minified CSS via CDN in your <head>.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zyroxcssv2@2.0.1/dist/css/zyroxcss.min.css">

Package Managers

npm install zyroxcss

Buttons

Ready-to-use button styles with multiple variants and states.

<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-outline">Outline</button>

Grid System

Built on Flexbox, the Zyrox grid provides a 12-column system for high-level layout control.

Class	Description
`.container`	Centered container with responsive max-width.
`.row`	Wrapper for grid columns.
`.col-{n}`	Column spans 1-12.
`.col-md-{n}`	Responsive column for medium devices.

Color Palette

Modern and accessible colors based on the Indigo and Cyan scale.

Indigo-500

Cyan-500

Emerald-500