Playground Tutorial Docs Star

Game changer

This is not a game...

If you try it you will never go back.

13 Components Components are new HTML tags with specific display and parameters you can tweak.

Box

Center

Extender

Grid

Area

Icon

Row

Outsider

Rack

Stack

Switcher

Slider

Sidebar

12 Utilities Utilities are simple layout classes responsible of one CSS property.

p

w

h

ratio

flex

font-size

align-self

line-height

bg-img

z-index

hide

relative

Works Everywhere

Installing a CSS framework in non-JS environments like Django, Laravel, or Leptos can be challenging.

LayoutCSS solves this with a lightweight CLI that runs in any folder, allowing you to configure its behavior using a single configuration file in your project directory.

Harmonious by Nature

LayoutCSS uses a harmonic scale for spacing and padding, inspired by natural patterns found in music, architecture, and growth ratios like the Fibonacci sequence.

This approach ensures visually balanced and aesthetically pleasing layouts, creating a sense of harmony and consistency in design.

Blazingly Fast

LayoutCSS is written in Rust, ensuring really high performance.

In most cases, it generates CSS in under 10ms, making it incredibly fast and responsive for any project.