v1.0.1
Build faster, center easier. The 12-column solution.
Axis Twelve is a professional CSS framework with SCSS support featuring a powerful 12-column grid system, comprehensive flexbox utilities, powerful centering components, and extensive spacing utilities. Everything you need to build modern, responsive web layouts quickly and easily.
Powerful responsive grid system with breakpoints and offsets
Complete flexbox utilities for modern layouts
Powerful centering utilities for perfect alignment
Comprehensive padding, margin, and gap utilities
A comprehensive showcase of all Axis Twelve features including grid layouts, flexbox utilities, centering components, and spacing utilities.
Master the 12-column grid system with basic layouts, complex designs, offsets, gap utilities, and nested grids.
Explore flexbox layouts with direction control, alignment options, gap utilities, and practical components.
Learn multiple ways to center content: row component, column component, flexbox, grid offsets, and hero sections.
Master spacing with padding, margin, and gap utilities. Learn named sizes, numeric scale, and responsive spacing.
See Axis Twelve in action with real-world layouts including headers, hero sections, features, products, and more.
Get started with Axis Twelve in seconds. Simply include the CSS file and start building:
<link rel="stylesheet" href="dist/axis-twelve.css">