# Multidash

> Free & open-source admin dashboard template built with Next.js, React, TypeScript and Tailwind CSS.

Built with Next.js, React 19, TypeScript, Tailwind CSS v4 and Radix UI. MIT licensed. Every component is a shadcn registry item: `npx shadcn@latest add https://multidash-app.vercel.app/r/<name>.json`.

## Components

- [Accordion](https://multidash-app.vercel.app/ui-elements/accordion.md): Vertically stacked sections that expand to reveal content.
- [Alert](https://multidash-app.vercel.app/ui-elements/alert.md): A callout that draws attention to important information.
- [Avatar](https://multidash-app.vercel.app/ui-elements/avatar.md): An image element with a fallback for representing a user.
- [Badge](https://multidash-app.vercel.app/ui-elements/badge.md): A small label for statuses, counts and categories.
- [Button](https://multidash-app.vercel.app/ui-elements/button.md): Triggers an action. Sixteen variants — solid, soft, outline, ghost and link — five sizes, and can render as a link.
- [Calendar](https://multidash-app.vercel.app/ui-elements/calendar.md): A date grid for picking a day or a range, built on DayPicker.
- [Card](https://multidash-app.vercel.app/ui-elements/card.md): A container that groups related content and actions — from simple panels to image-rich product, article and profile cards.
- [Checkbox](https://multidash-app.vercel.app/ui-elements/checkbox.md): A control that toggles between checked and unchecked.
- [Combobox](https://multidash-app.vercel.app/ui-elements/combobox.md): A searchable select — type to filter a long list of options.
- [Command](https://multidash-app.vercel.app/ui-elements/command.md): A fast, filterable command menu — inline or as a ⌘K palette.
- [Data Table](https://multidash-app.vercel.app/ui-elements/data-table.md): A full-featured table built on TanStack Table v9: search, faceted filters, sorting, column visibility, row selection and pagination.
- [Date Picker](https://multidash-app.vercel.app/ui-elements/date-picker.md): A button that opens a calendar in a popover.
- [Dialog](https://multidash-app.vercel.app/ui-elements/dialog.md): A modal window that focuses the user on a single task.
- [Dropdown Menu](https://multidash-app.vercel.app/ui-elements/dropdown-menu.md): A menu of actions or options, opened by a button.
- [Input](https://multidash-app.vercel.app/ui-elements/input.md): A text field for forms and search.
- [Label](https://multidash-app.vercel.app/ui-elements/label.md): An accessible label associated with a form control.
- [Native Select](https://multidash-app.vercel.app/ui-elements/native-select.md): A styled native <select> — fully accessible and mobile-friendly.
- [Pagination](https://multidash-app.vercel.app/ui-elements/pagination.md): Page navigation with previous/next links and ellipsis gaps.
- [Popover](https://multidash-app.vercel.app/ui-elements/popover.md): Rich content in a floating panel, anchored to a trigger.
- [Progress](https://multidash-app.vercel.app/ui-elements/progress.md): Shows how far a task has progressed.
- [Radio Group](https://multidash-app.vercel.app/ui-elements/radio-group.md): A set of options where only one can be selected.
- [Scroll Shadow](https://multidash-app.vercel.app/ui-elements/scroll-shadow.md): A scroll area whose edges fade while there's more to see, instead of a scrollbar.
- [Select](https://multidash-app.vercel.app/ui-elements/select.md): A custom dropdown for choosing one option from a list.
- [Separator](https://multidash-app.vercel.app/ui-elements/separator.md): Visually separates content, horizontally or vertically.
- [Sheet](https://multidash-app.vercel.app/ui-elements/sheet.md): A panel that slides in from the edge of the screen.
- [Skeleton](https://multidash-app.vercel.app/ui-elements/skeleton.md): A placeholder shown while content is loading.
- [Slider](https://multidash-app.vercel.app/ui-elements/slider.md): Pick a value or a range by dragging a thumb.
- [Spinner](https://multidash-app.vercel.app/ui-elements/spinner.md): An animated indicator for loading states.
- [Steps](https://multidash-app.vercel.app/ui-elements/steps.md): Shows progress through a multi-step flow.
- [Switch](https://multidash-app.vercel.app/ui-elements/switch.md): A toggle for on/off settings.
- [Table](https://multidash-app.vercel.app/ui-elements/table.md): A responsive table for tabular data.
- [Tabs](https://multidash-app.vercel.app/ui-elements/tabs.md): Switch between related views without leaving the page.
- [Textarea](https://multidash-app.vercel.app/ui-elements/textarea.md): A multi-line text field that grows with its content.
- [Timeline](https://multidash-app.vercel.app/ui-elements/timeline.md): A vertical list of events in chronological order.
- [Toast](https://multidash-app.vercel.app/ui-elements/toast.md): Brief, non-blocking notifications. Powered by Sonner.
- [Tooltip](https://multidash-app.vercel.app/ui-elements/tooltip.md): A short hint shown on hover or keyboard focus.

## Registry

- [Registry index](https://multidash-app.vercel.app/r/registry.json): every item with its dependencies
- [Theme](https://multidash-app.vercel.app/r/multidash-theme.json): the full Multidash color theme for light and dark mode

## Links

- [Live demo](https://multidash-app.vercel.app)
- [Source code](https://github.com/hasraltechno/multidash)