Registries
ActiveComponent library (general)1,607

@tailgrids

Component library (general) · MIT · data updated 2026-07-08

A large open-source React component library powered by Tailwind CSS, shipping 100+ free copy-paste components and 500+ premium UI blocks. The free tier covers Accordion, Alert, Avatar, Badge, Button, Card, Carousel, Chart, Checkbox, Combobox, Command, Context Menu, Date Picker, Dialog, Drawer, Dropdown, Input, Menubar, Navigation Menu, OTP Input, Pagination, Popover, and more. Premium blocks cover marketing, dashboards, e-commerce, and AI sections. Uses a custom CLI (npx @tailgrids/cli). Freemium. Use for: React/Next.js/Vite projects needing a broad, Tailwind-native component set with a complementary block library for full-page layouts.

WebsiteDocsGitHub

Install

npx shadcn@latest add https://tailgrids.com/docs/r/registry.json

Health

StatusActive
Last commit6 days ago
LicenseMIT
Open issues4
ArchivedNo
Stars1,607

Components (61)

accordionalertalert-dialogaspect-ratioavatarbadgebreadcrumbsbuttonbutton-groupcalendarcardcarouselchartcheckboxcollapsiblecontext-menucomboboxcommanddate-fielddate-pickerdescriptiondialogdrawerdropdownfieldhover-cardinputinput-grouplabellinklistmenubarnative-selectnavigation-menunumber-fieldotp-inputoverlaypaginationpopoverprogressradio-inputrange-calendarresizablescroll-areaselectseparatorsheetsidebarskeletonslidersocial-buttonspinnertabletabstext-areatext-fieldtime-fieldtime-pickertoasttoggle
Components: accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumbs, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, context-menu, combobox, command, date-field, date-picker, description, dialog, drawer, dropdown, field, hover-card, input, input-group, label, link, list, menubar, native-select, navigation-menu, number-field, otp-input, overlay, pagination, popover, progress, radio-input, range-calendar, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, social-button, spinner, table, tabs, text-area, text-field, time-field, time-picker, toast, toggle, tooltip

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@tailgrids · accordion

npx shadcn@latest add https://tailgrids.com/docs/r/accordion.json
View source