sh4dcnv2 · atlas
← libraries

@nekode

Composed ready to use shadcn components, just plug and play.

29 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.nekode.id/r/registry.json
pnpm pnpm dlx shadcn@latest add https://ui.nekode.id/r/registry.json
bun bunx shadcn@latest add https://ui.nekode.id/r/registry.json
fetch registry curl -s https://ui.nekode.id/r/registry.json

Components

29 total
Date Utilities lib

ISO date formatting/parsing helpers (yyyy-MM-dd, ISO strings) for UI display.

npx shadcn@latest add https://ui.nekode.id/r/date.json
Date Utilities (Vanilla) lib

Same date formatting/parsing helpers as date, implemented with native Date and Intl — no date-fns dependency.

npx shadcn@latest add https://ui.nekode.id/r/date-vanilla.json
String Utilities lib

Common string helpers — capitalize, title case, slugify, truncate, pluralize, currency formatting, email/phone masking.

npx shadcn@latest add https://ui.nekode.id/r/string.json
Number Utilities lib

Common number helpers — clamp, range check, random int, number/currency/compact formatting.

npx shadcn@latest add https://ui.nekode.id/r/number.json
Text Field ui

A composed shadcn text input with field component

npx shadcn@latest add https://ui.nekode.id/r/text-field.json
Number Field ui

A composed shadcn number input with field component

npx shadcn@latest add https://ui.nekode.id/r/number-field.json
Textarea Field ui

A composed shadcn textarea input with field component

npx shadcn@latest add https://ui.nekode.id/r/textarea-field.json
Password Field ui

A composed shadcn password input with field component

npx shadcn@latest add https://ui.nekode.id/r/password-field.json
Select Field ui

A composed shadcn select with field component

npx shadcn@latest add https://ui.nekode.id/r/select-field.json
Date Picker Field ui

A labeled date picker built on Calendar and Popover with field layout.

npx shadcn@latest add https://ui.nekode.id/r/date-picker-field.json
Date Range Picker Field ui

A labeled date range picker built on Calendar and Popover with field layout.

npx shadcn@latest add https://ui.nekode.id/r/date-range-picker-field.json
Date Multi Picker Field ui

A labeled multi-date picker built on Calendar and Popover with field layout.

npx shadcn@latest add https://ui.nekode.id/r/date-multi-picker-field.json
Time Picker Field ui

A labeled time input supporting 12h (AM/PM) and 24h formats with field layout.

npx shadcn@latest add https://ui.nekode.id/r/time-picker-field.json
Combobox Field ui

A labeled combobox input built on Combobox with field layout.

npx shadcn@latest add https://ui.nekode.id/r/combobox-field.json
Combobox Multi Field ui

A labeled multi-select combobox with chips that stack or collapse into an overflow count.

npx shadcn@latest add https://ui.nekode.id/r/combobox-multi-field.json
DataTable ui

Advanced table component with sorting, selection, pagination, filtering, row expansion, and more.

npx shadcn@latest add https://ui.nekode.id/r/datatable.json
Dialog Modal ui

A controlled dialog wrapper with preset sizes, a scrollable body, and an optional non-closeable mode.

npx shadcn@latest add https://ui.nekode.id/r/dialog-modal.json
Marquee ui

Infinitely scrolls any content, text or images, horizontally or vertically.

npx shadcn@latest add https://ui.nekode.id/r/marquee.json
Number Ticker ui

Displays a number whose digits roll up or down when the value changes.

npx shadcn@latest add https://ui.nekode.id/r/number-ticker.json
Text Typer ui

Types a string out one character at a time with a blinking caret.

npx shadcn@latest add https://ui.nekode.id/r/text-typer.json
File Field ui

A drag-and-drop file input with single/multiple selection, previews, and removable file list.

npx shadcn@latest add https://ui.nekode.id/r/file-field.json
Field Checkbox ui

A labeled checkbox and checkbox group with description/error support, optionally rendered as choice cards.

npx shadcn@latest add https://ui.nekode.id/r/field-checkbox.json
Field Radio ui

A labeled radio group with description/error support, optionally rendered as choice cards.

npx shadcn@latest add https://ui.nekode.id/r/field-radio.json
Field Switch ui

A labeled switch with description/error support, optionally rendered as a choice card.

npx shadcn@latest add https://ui.nekode.id/r/field-switch.json
Login Form block

Email and password sign-in form with validation.

npx shadcn@latest add https://ui.nekode.id/r/login-form.json
Register Form block

Sign-up form with name, email and password confirmation.

npx shadcn@latest add https://ui.nekode.id/r/register-form.json
Multi-step Register Form block

Three-step sign-up (account, profile, plan) with a step rail, per-step validation and success state.

npx shadcn@latest add https://ui.nekode.id/r/multi-step-register-form.json
Forgot Password Form block

Single-field form that requests a password reset link.

npx shadcn@latest add https://ui.nekode.id/r/forgot-password-form.json
Contact Form block

Contact form with name, email and a message with character count.

npx shadcn@latest add https://ui.nekode.id/r/contact-form.json