CSS Architecture
STACSS
Simple CSS architecture for humans and AI.
A lightweight convention for organizing Sass and CSS files in modern web applications. Designed for developers, teams, and AI-assisted coding workflows.
◆
Simplicity
Four directories. No configuration. No tooling required. You can understand the entire convention in under a minute.
⟳
Reusability
Clear separation between reusable components and view-specific styles prevents duplication and keeps your codebase clean.
⌘
AI Friendly
Predictable conventions let AI tools generate correctly placed, consistently named styles without needing custom instructions every time.