Skip to main content

Create Utility First CSS library for your project faster and easier.

Suit is Best！github

SACSS
Static Atomic CSS
1<div class="bc_fff pt16 pb16 pl16 pr16 dif br8">
2  <img class="mr8 w48 h48" src="./logo.svg"/>
3  <dl class="f1 fs14 c_000">
4    <dt class="fw700 fs16">SACSS</dt>
5    <dd>Static Atomic CSS</dd>
6  </dl>
7</div>

React  -  VUE  -  Svelte  -  Figma  -  CSS  -  RN  

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sacss/index.min.css" />
Import & Start

Framework-agnostic

Just introduce a CSS file and you can use most of the features, even without any build tools

Atomic CSS

Rapidly build modern websites without ever leaving your HTML as Tailwind CSS

Easy

Instead of inventing huge and confusing class names, we have only a handful of naming rules

Progressive

We provide SASS, LESS mixin to help you create custom code faster (optional)

Less, Fast

This naming convention allows you to write code that is already compressed, meaning you can write less code to do more

Design To Code

We also provide a Figma plugin to help you get the SACSS code directly from the design