shadcn-react

A React UI library inspired by shadcn/ui

Downloads
466
Stars
2

shadcn-react

A simple wrapper for shadcn/ui, just for my own convenience.

  • style: New York
  • icons: Lucide

Install

pnpm add shadcn-react

Usage

Import style.css in the App root:

import 'shadcn-react/style.css'

Then use the components:

import { Button } from 'shadcn-react'

export default function MyComponent() {
  return <Button>Hello world</Button>
}

Use the original shadcn-ui components:


import { Button } from 'shadcn-react/ui'

export default function MyComponent() {
  return <Button>Hello world</Button>
}

Use lucide icons:


import { RocketIcon } from 'shadcn-react/icons'

export default function MyComponent() {
  return <RocketIcon />
}