Drag the balls, release when you've found your mood color

A fluid SCSS framework

Converting static UI designs into scalable and responsive systems. A modern approach to fluid CSS.

Live demo

EVA CSS
Goals

Framework for complex designs

EVA CSS is designed to translate sophisticated designs into code faithfully. Where traditional frameworks struggle with complexity, EVA CSS excels through its fluid and adaptive nature.

Proportions and spacing

Proportions and spacing form the invisible foundation of strong visual identity. EVA CSS translates this invisible architecture into fluid CSS, preserving visual harmony across all screen sizes without compromising the original creative intent.

Fluid CSS

Complete customization and dimensional rigor

EVA CSS meets advanced customization needs with flexibility, while reinforcing dimensional consistency. This approach ensures perfect coherence and reliable scalability, even in ambitious projects.

Fluid Responsive

Fluid scaling adapts to every screen size seamlessly using modern clamp() functions.

Learn about fluid CSS →

OKLCH Colors

Modern color system with automatic variations, opacity controls, and accessibility features.

Explore colors →

Gradients

Modern gradient system with fluid animations and responsive controls.

Explore gradients →

Modern Grids

Auto-fit layouts, container queries, and responsive column systems.

Explore grids →

Flex

Flexible layout system with modern responsive controls.

Explore flex →

Figma to EVA

Transform Figma designs into fluid, responsive code. From static to scalable.

Try the converter →