Skrewww
registry.directory/usmanfarooqi88/skrewwwDS
Open-source React and TypeScript design system with a shadcn-compatible registry, token-driven Shape and Surface modes, machine-readable contracts for coding agents, and paired Figma libraries.
npx shadcn@latest add @skrewww/data-table
# works for any of the 56 items in this registry
- Pro blocks & componentsnot offered
- Templatesnot offered
- Figma kitoffered
- MCP / agent skillsnot offered
- Team licensenot offered
Featured
data-table
Data Table is an interactive data-table pattern composing Table with header sorting and external Pagination — no columns-config prop; the consumer writes their own Table/TableHead/TableBody markup and drops in DataTableSortHeader for sortable columns.
combobox
Combobox is an editable searchable single-select with a filterable listbox — distinct from non-searchable Select and query-only Search Field.
date-picker
Date Picker is a date-only field with editable D MMM YYYY text entry (en-GB) and calendar popover for single-date selection.
file-upload
File Upload is a native file input with drag-and-drop dropzone, advisory validation, selected-file list, and multipart form submission — selection only, not network upload.
bar-chart
Bar Chart compares categories with vertical or horizontal bars — a single series by default, or several series grouped, stacked, or stacked to 100%. Static and non-tabbable, with the data also exposed as a hidden table.
chart-card
Chart Card is a Card composed for a chart: an optional title/description/actions header, and a body that owns loading/empty/error presentation around a chart the consumer supplies as children.