Xtyle CSS
Welcome to Xtyle CSS, a lightweight utility-first CSS framework designed to be colorless and component-less. Xtyle CSS provides a comprehensive set of atomic CSS classes with intuitive abbreviated naming patterns.
Installation
CDN
NPM
Features
- Lightweight: Only 28kb minified (5kb gzipped)
- Intuitive: Simple abbreviated class names for rapid styling
- Standalone: No external dependencies
- Flexible: Design components by combining utility classes
- Responsive: Built-in responsive grid system
Core Utilities
d | m | p | t | b | s | o | e | row | col | g
Utils
| Key | Description |
|---|---|
d |
Display |
m |
Margin (Spacing) |
p |
Padding (Spacing) |
t |
Text |
b |
Borders |
s |
Shadows |
o |
Overflow |
e |
Extras |
row |
Row (Rows & Columns) |
col |
Column (Rows & Columns) |
g |
Gap (Rows & Columns) |