Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

shadcn-react

Codpoe367MIT0.0.22TypeScript support: included

A simple wrapper for shadcn/ui

react, components, shadcn/ui, ui

readme

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 />
}