TanStack Start

Instructions to install Shark UI in a TanStack Start project

To create a new TanStack Start project, you can use the following command:


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

You can now start adding components to your project.


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

The command above will add the Button component to your project. You can then import it like this:

app/routes/index.tsx


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

On This Page