Docs
Marketplace

Marketplace

Marketplace for Components built on top of Shadcn ui.

Highly customizable library marketplace from your favourite creators. Components built on top of Shadcn ui, Tailwind CSS & Radix UI primitives.

Example Installation

npx shadcn-ui@latest add item-selector-input

Explore the Marketplace for more components.

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

import { selectorInput } from "@/components/addons/item-selector-input"
 
export default function Home() {
  return (
    <div>
      <selectorInput/>
    </div>
  )
}

App structure

Here's how components are structured:

.
├── app
│   ├── layout.tsx
│   └── page.tsx
│   
├── components
│   ├── ui
│   │   ├── alert-dialog.tsx
│   │   ├── button.tsx
│   │   ├── dropdown-menu.tsx
│   │   └── ...
│   │
│   ├── addons
│   │   ├── item-selector-input
│   │   │   ├── README.md
│   │   │   ├── index.tsx
│   │   │   ├── other-usefull-folders
│   │   │   └── ...
│   │   ├── item-selector-input
│   │   └── ...
│   │
│   └── your-any-components.tsx
│
├── lib
│   └── utils.ts
├── styles
│   └── globals.css
│
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── tsconfig.json

installation

### item-selector-input
TypographyFigma