Prerequisites

An existing TanStack Start project with a package manager installed.

Initialize

npx @abhivarde/syncui@latest init

Creates components.json and installs base dependencies.

Wrap your app

TanStack Start renders through a root route.

Keep createTheme static. Runtime values like Date.now() will cause a hydration mismatch.

Run dev

npm run dev

Open http://localhost:3000.

You're all set. Add any component, block, or chart with the CLI, or copy the code straight from Components, Blocks, and Charts.