Axis-Twelve V2 Documentation

Introduction

Axis-Twelve V2 introduces a completely new modular architecture. You can now import only the modules you need, keeping your bundle size minimal.

This is the latest stable version recommended for all new projects.

Standard

108KB

Minified

82KB

Gzipped

12KB

Getting Started

Package Manager

Install Axis-Twelve via npm, pnpm, or yarn to get the full modular SCSS source.

bash

npm install axis-twelve@2.0.2

Direct Link (CDN)

Drop the full bundle into your project via UNPKG for a zero-config setup.

html

<link rel="stylesheet" href="https://unpkg.com/axis-twelve@2.0.2/dist/axis-twelve.min.css">

Modules

Layout

Grid system and flexbox utilities

Min: 62KB

Zip: 8.2KB

Buttons

Customizable button styles

Min: 5.6KB

Zip: 1.6KB

Forms

Accessible form controls

Min: 8.7KB

Zip: 2.0KB

Cards

Versatile content containers

Min: 2.9KB

Zip: 1.1KB

Tables

Responsive table styles

Min: 2.8KB

Zip: 1.1KB

Modals

CSS-only dialog system

Min: 3.0KB

Zip: 1.2KB

Tooltips

Data-driven tooltip system

Min: 4.0KB

Zip: 1.1KB

Latest Updates

v2.0.2 (2026-02-08)

Integrated .ax-subgrid utility class to enable nested elements to inherit parent grid tracks.
Implemented .ax-subgrid with @supports for modern browsers.

v2.0.1 (2026-02-08)

Refactored physical direction properties to logical counterparts (margin-inline, padding-inline, etc.) for RTL/LTR support.
Updated tooltips and layout components to use logical insets.

v2.0.0 (2026-01-17)

Major Release: Complete rewrite of Axis Twelve with modular architecture.
Modular build system - Separate builds for each component module.

View full changelog →