TanStack Start

Install Shark UI in a TanStack Start project.

TanStack Start with the shadcn add-on ships with Tailwind and the shadcn CLI preconfigured. You only need to add components from the Shark registry.

Create project


pnpm create @tanstack/start@latest --tailwind --add-ons shadcn.json

Add components from the Shark registry:


pnpm dlx shadcn@latest add https://shark.vini.one/r/button.json

Import and use them in your routes:

app/routes/index.tsx


import { Button } from "@/components/ui/button"
 
function App() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}

On This Page