# slotsmith

> Finished data table, combobox, date picker and file uploader for React that drop into any design system: shadcn/ui, MUI, Chakra, Ant Design or your own.

```bash
npm i slotsmith
```

Get started: https://slotsmith.dev/getting-started/

- [Data table](https://slotsmith.dev/components/data-table/): A table with sorting, selection, pagination, server data, tree rows, virtual rows and row reorder.
- [Autocomplete](https://slotsmith.dev/components/autocomplete/): Combobox and select in one component.
- [Date picker](https://slotsmith.dev/components/date-picker/): A date picker for single days, ranges and multiple dates, with bounds, blocked days and presets.
- [File uploader](https://slotsmith.dev/components/file-uploader/): A file picker with uploads, tiles, validation, record editing and virtual lists.

## FAQ

### Does slotsmith work with the Next.js App Router?

Yes. Every entry point starts with "use client", so you can import a component straight into a Server Component file. It renders on the server and hydrates on the client. See https://slotsmith.dev/getting-started/

### Do I need Tailwind?

No. Each component ships a plain CSS stylesheet, themed with CSS custom properties. Tailwind is only needed if your own design system uses it. See https://slotsmith.dev/theming/

### Does it work with my existing design system?

Yes. Every part is a slot: pass your design system's button, checkbox or select and it replaces the fallback. The Adapters pages show shadcn/ui, MUI, Chakra, Ant Design and Radix Themes as examples. See https://slotsmith.dev/components/data-table/adapters/

### How much does one component add to my bundle?

Each component has its own entry point. The data table entry is 38.5 KB gzipped, not counting React and TanStack Table, which it imports; slotsmith has no dependencies of its own. The Trust page lists every entry. See https://slotsmith.dev/trust/#sizes

### Does it work with React 18?

Yes. The peer dependency range is react >=18, so React 18 and React 19 both work. See https://slotsmith.dev/trust/#support

### What is the license?

ISC. You can use slotsmith in commercial and closed-source projects. See https://slotsmith.dev/trust/#license