From Empty Vite or Webpack Repo to a Typed styled() Component in About Fifteen Minutes
Getting Started with Salty CSS in a React App
Everything you need to get a Salty CSS project off the ground. Start with the Quick Start for a fifteen-minute end-to-end walkthrough, or jump into Installation if you'd rather wire the build plugin into an existing app. The remaining pages cover day-to-day Usage, the CLI, ESLint support, common Troubleshooting, and FAQ answers.
In this section
- Quick Start for ReactSet up Salty CSS in ~15 minutes — install with the CLI, write your first typed component, add variants, ship dark mode, and register a custom font.
- Install Salty CSS in a Vite or Webpack React AppInstall Salty CSS and wire up the build-time plugin for your framework.
- Using Salty CSS in React ComponentsBuild and consume Salty CSS components inside your application code.
- Troubleshooting Salty CSS in React AppsDiagnose common Salty CSS issues — missing styles, build errors, framework-detection mistakes, and SSR caveats.
- salty-css CLI for React ProjectsUse the salty-css command-line interface to scaffold, generate, and build your project.
- ESLint Plugin for React ProjectsCatch missing exports and misplaced variants in Salty CSS files with the official ESLint plugin and shareable config.
- Common Questions From React TeamsShort answers about Salty CSS — what it is, how the build works, theming without a provider, React Server Components, fonts, TypeScript, and incremental adoption.