Try the working interface library — forms, uploads, dates, navigation, review workflows and complete page compositions.
Install a block
Reuse your product’s existing component first. When a block is missing, add its working implementation with your existing shadcn configuration. Keep your theme and controls.
npx shadcn@latest add https://shine-blond.vercel.app/r/data-grid.json
- registry.jsoncatalog
- Async stateLoading, empty, filtered-empty and error with real recovery actions.
- Collection disclosureSummary and adjacent persistent details; more than ten full records start collapsed.
- Record data gridClient-side TanStack v9 grid with sorting, search, filters, columns, pagination, selection, actions and recovery. Never use for a partial server-paged dataset.
- Record editorDialog editor with validation, asynchronous save, retained failed drafts, discard confirmation and focus restoration.
- Record detail sheetAccessible detail drawer with scrolling content, fixed actions and restored focus.
- Tabbed workspaceLibrary keyboard behavior and persistent inactive panels for filters and drafts.
- Application navigationResponsive route links with current location, skip link and product actions.
- Search and filter barControlled search, option filters, clear action and announced result count.
- Date rangeCalendar-date validation, retained failed values and guarded asynchronous apply.
- Validated form panelTyped fields, validation links, failed drafts, guarded save and confirmed reset.
- File uploadFile selection and drop, limits, progress, abort, retry and retained failures.
- Notification centerAccessible inbox with asynchronous read persistence, retry and keyboard dismissal.
- Calendar agendaExplicit timezone, seven-day navigation, event selection and read recovery.
- Kanban boardAccessible card moves through real asynchronous callbacks; failures preserve positions.
- Record list pageConfigured grid, detail sheet and editor complete the list-to-save workflow.
- Record detail pageIdentity, facts, activity and persistent edit form behind accessible tabs.
- Settings pageNamed setting sections, retained drafts, per-section save and reset confirmation.
- Report pageValidated date range, meaningful metrics, evidence grid and methodology.
- Approval pageReview queue, evidence, required explanation, confirmation and guarded decision write.
- Application shellResponsive sidebar, breadcrumbs, skip navigation and product actions.
- Command palettecmdk search, grouped actions, keyboard navigation, retained failures and guarded execution.
- Searchable multiselectcmdk filtering and keyboard navigation, controlled selections and accessible dismissal.
- Form wizardValidated steps, retained drafts, review and guarded asynchronous completion.
- Activity feedTimestamped events with explicit timezone, record links and read recovery.
- Comment threadActivity and comments with retained failed drafts and asynchronous posting.
- Attachment managerValidated uploads, source downloads and confirmed asynchronous removal.
- Permissions panelNamed permission controls, unsaved access review, guarded persistence and reset.
- Chart panelRecharts units and legends, missing values, recovery states and accessible source drill-down.
- Dashboard pageDate range, meaningful linked metrics, chart panels and evidence composition.
- Server record gridTanStack manual pagination, search and sorting, large remote populations, column resizing and retained inline edits.
- Saved viewsPersisted named views and namespaced URL state with validation and back navigation.
- CSV importPapa Parse bounded import, required headers, row validation, preview and guarded commit.
- shineoptional base for a new theme
- personal@shine/personal theme
- brand@shine/brand theme · placeholder values
- swatchtoken swatch UI