Prerequisites

Fancy Etch is built on top of a CSS variable system that governs colors, typography, spacing, and the rest of your design tokens. This is what allows every component to automatically adapt to your project's style. To work properly, Fancy Etch needs a framework that provides those base variables.

You have two compatible options: Fancy Framework, our free solution designed to work natively with Etch, or ACSS (Automatic.css), a premium framework widely adopted across the community.