Deep Customization

Master the CSS variable system and Tailwind-first approach to theming.

Tailwind First

SnapJSX is built on top of Tailwind CSS v4. Every component uses utility classes, which means you can change the entire look and feel just by editing the classes in the source code you've copied.

CSS Variables

We use a centralized CSS variable system defined in globals.css. This allows you to update your entire theme (colors, radiuses, shadows) in one place.

css

:root {
  --primary: #ffd700;
  --background: #fbfbfb;
  --radius-lg: 12px;
}