UI — identity registry

05.1 — CATALOG

Forms & inputs

INPUT + LABEL

npx shadcn add https://ui.lscaturchio.xyz/r/input.json

npx shadcn add https://ui.lscaturchio.xyz/r/label.json

TEXTAREA

npx shadcn add https://ui.lscaturchio.xyz/r/textarea.json

SELECT

npx shadcn add https://ui.lscaturchio.xyz/r/select.json

NATIVE-SELECT

npx shadcn add https://ui.lscaturchio.xyz/r/native-select.json

COMBOBOX

npx shadcn add https://ui.lscaturchio.xyz/r/combobox.json

CHECKBOX + SWITCH

Subscribed Dark mode

npx shadcn add https://ui.lscaturchio.xyz/r/checkbox.json

npx shadcn add https://ui.lscaturchio.xyz/r/switch.json

RADIO-GROUP

essays photos code

npx shadcn add https://ui.lscaturchio.xyz/r/radio-group.json

SLIDER

npx shadcn add https://ui.lscaturchio.xyz/r/slider.json

TOGGLE + TOGGLE-GROUP

npx shadcn add https://ui.lscaturchio.xyz/r/toggle.json

npx shadcn add https://ui.lscaturchio.xyz/r/toggle-group.json

BUTTON-GROUP

npx shadcn add https://ui.lscaturchio.xyz/r/button-group.json

INPUT-GROUP

https://

npx shadcn add https://ui.lscaturchio.xyz/r/input-group.json

INPUT-OTP

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

npx shadcn add https://ui.lscaturchio.xyz/r/input-otp.json

FIELD

npx shadcn add https://ui.lscaturchio.xyz/r/field.json

FORM (react-hook-form + zod)

npx shadcn add https://ui.lscaturchio.xyz/r/form.json

CALENDAR

September 2026

npx shadcn add https://ui.lscaturchio.xyz/r/calendar.json

BUTTON

npx shadcn add https://ui.lscaturchio.xyz/r/button.json

Su	Mo	Tu	We	Th	Fr	Sa