A registry of 33 copy-paste components built with @foldkit/ui, Foldkit TEA architecture, and Tailwind CSS.
npx shadcn@latest add @foldcn/foldcnor learn Foldkit first.
The styled primitives: stateless helpers and stateful submodels.
Styled button with variants and sizes, built on the @foldkit/ui Button helper.
npx shadcn@latest add @foldcn/buttonStyled text input with label and description, built on the @foldkit/ui Input helper.
npx shadcn@latest add @foldcn/inputStyled multi-line textarea with label and description, built on the @foldkit/ui Textarea helper.
npx shadcn@latest add @foldcn/textareaStyled native select with label, chevron and description, built on the @foldkit/ui Select helper.
npx shadcn@latest add @foldcn/selectComposable card primitives — Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter. A pure layout primitive.
npx shadcn@latest add @foldcn/cardStyled checkbox with label, indeterminate state and description, built on the @foldkit/ui Checkbox helper.
npx shadcn@latest add @foldcn/checkboxStyled switch toggle with label and description, built on the @foldkit/ui Switch helper.
npx shadcn@latest add @foldcn/switchStyled fieldset with legend and description, built on the @foldkit/ui Fieldset helper.
npx shadcn@latest add @foldcn/fieldsetStyled collapsible section with animated panel support, built on the @foldkit/ui Disclosure helper.
npx shadcn@latest add @foldcn/disclosureStyled navigation landmark with current-page marking, built on the @foldkit/ui Nav helper.
npx shadcn@latest add @foldcn/navStyled modal dialog with backdrop, focus trapping and animations, built on the @foldkit/ui Dialog submodel.
npx shadcn@latest add @foldcn/dialogStyled floating panel with trigger, built on the @foldkit/ui Popover submodel.
npx shadcn@latest add @foldcn/popoverStyled tooltip with trigger and hover/focus reveal, built on the @foldkit/ui Tooltip submodel.
npx shadcn@latest add @foldcn/tooltipStyled dropdown menu with keyboard navigation and typeahead, built on the @foldkit/ui Menu submodel.
npx shadcn@latest add @foldcn/menuStyled custom select with single and multi selection, built on the @foldkit/ui Listbox submodel.
npx shadcn@latest add @foldcn/listboxStyled autocomplete input with filtering, built on the @foldkit/ui Combobox submodel.
npx shadcn@latest add @foldcn/comboboxStyled tabbed interface with keyboard navigation, built on the @foldkit/ui Tabs submodel.
npx shadcn@latest add @foldcn/tabsStyled radio options with roving tabindex, built on the @foldkit/ui RadioGroup submodel.
npx shadcn@latest add @foldcn/radio-groupStyled numeric range slider, built on the @foldkit/ui Slider submodel.
npx shadcn@latest add @foldcn/sliderStyled inline calendar grid with locale support, built on the @foldkit/ui Calendar submodel.
npx shadcn@latest add @foldcn/calendarStyled date picker combining trigger, popover and calendar, built on the @foldkit/ui DatePicker submodel.
npx shadcn@latest add @foldcn/date-pickerStyled transient notification stack with auto-dismiss, built on the @foldkit/ui Toast component.
npx shadcn@latest add @foldcn/toastStyled enter/leave animation coordinator, built on the @foldkit/ui Animation submodel.
npx shadcn@latest add @foldcn/animationStyled sortable lists and cross-container movement, built on the @foldkit/ui DragAndDrop submodel.
npx shadcn@latest add @foldcn/drag-and-dropStyled file input with drag-and-drop support, built on the @foldkit/ui FileDrop submodel.
npx shadcn@latest add @foldcn/file-dropStyled virtualized list for large datasets, built on the @foldkit/ui VirtualList submodel.
npx shadcn@latest add @foldcn/virtual-listComposed pages that combine primitives into ready-to-use sections.
A login page with email and password fields, error state and submit button. Composed from foldcn primitives.
npx shadcn@latest add @foldcn/login-formA settings page with profile and preferences sections. Composed from foldcn primitives.
npx shadcn@latest add @foldcn/settings-pageA searchable table with styled rows and cells. Composed from foldcn primitives.
npx shadcn@latest add @foldcn/data-table