Skip to content

Systems that explain themselves

Build the product. Keep the system.

Set up a Material 3 or Skeleton theme in a visual editor, then take the CSS, Tailwind classes or Figma variables with you.

The Etesie editor on the Colors page: a source color, the Material variants and a live preview of each role.

Design systems

Material

Material 3 for Tailwind. Choose a color, adjust type, shape and motion, and export CSS, Tailwind classes or Figma variables.

Open Material

Skeleton

Skeleton v5 themes. Answer four questions, refine any native variable, and copy one CSS file into your SvelteKit app.

Open Skeleton