@shuip

Business-focused React components, blocks and form fields for Next.js, built on shadcn/ui with React Hook Form, TanStack Form and TanStack Query.

54 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json

pnpm pnpm dlx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json

bun bunx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json

fetch registry curl -s https://shuip.plvo.dev/r/default/registry.json

Components

54 total

calendar block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/calendar.json

Confirmation Dialog ui

A standardized way to ask for user confirmation before executing critical actions like deleting data, logging out, or making irreversible changes.

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/confirmation-dialog.json

copy-button ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/copy-button.json

data-board block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/data-board.json

data-table block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/data-table.json

hover-reveal ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/hover-reveal.json

kanban block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/kanban.json

responsive-dialog block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/responsive-dialog.json

rhf-address-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-address-field.json

rhf-autocomplete-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-autocomplete-field.json

rhf-checkbox-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-checkbox-field.json

rhf-combobox-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-combobox-field.json

rhf-date-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-date-field.json

rhf-date-range-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-date-range-field.json

rhf-datetime-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-datetime-field.json

rhf-inline-edit ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-inline-edit.json

rhf-input-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-input-field.json

rhf-month-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-month-field.json

rhf-number-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-number-field.json

rhf-password-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-password-field.json

rhf-radio-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-radio-field.json

rhf-select-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-select-field.json

rhf-textarea-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-textarea-field.json

rhf-time-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-time-field.json

rhf-time-range ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-time-range.json

search-input ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/search-input.json

shuip-components item

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-components.json

shuip-forms item

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-forms.json

shuip-overview item

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-overview.json

shuip-skills item

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-skills.json

side-dialog ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/side-dialog.json

submit-button ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/submit-button.json

suggestion-list ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/suggestion-list.json

theme-button ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/theme-button.json

time lib

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/time.json

title-section block

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/title-section.json

tsf-autocomplete-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-autocomplete-field.json

tsf-checkbox-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-checkbox-field.json

tsf-combobox-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-combobox-field.json

tsf-date-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-date-field.json

tsf-date-range-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-date-range-field.json

tsf-datetime-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-datetime-field.json

tsf-form-context ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-form-context.json

tsf-inline-edit ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-inline-edit.json

tsf-input-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-input-field.json

tsf-month-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-month-field.json

tsf-password-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-password-field.json

tsf-radio-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-radio-field.json

tsf-select-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-select-field.json

tsf-submit-button ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-submit-button.json

tsf-textarea-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-textarea-field.json

tsf-time-field ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-time-field.json

tsf-time-range ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-time-range.json

tsq-query-boundary ui

npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsq-query-boundary.json