Remix

Install shadcn/ui in Remix with the official CLI. create-remix, then init, then add a component from the shadcn.io registry. Imports use ~/.

This page is Remix. New apps should use React Router. Existing Remix repos: create-remix if you need a host, then init. Imports are ~/components/ui/….

Prefer React Router for new work

Official shadcn documents Remix as the legacy path. React Router v7 is the current framework-mode guide.

Create the project

npx create-remix@latest my-app

Run init

npx shadcn@latest init

Add a component

npx shadcn@latest add https://www.shadcn.io/r/button.json

app/routes/index.tsx

import { Button } from "~/components/ui/button"

export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}