Veltrix UI is a curated basic component library for React and shadcn projects. The current public catalog focuses on 13 repository-backed components across buttons, badges, checkboxes, inputs, breadcrumbs, avatars, and links.
Every listed component has a source file, a matching example, a documentation page, and registry metadata. The build pipeline generates installable variants for Tailwind CSS v3 and v4, with Radix UI and Base UI wrapper support.
Repository structure
| Path | Purpose |
|---|---|
components/ui/ | Base UI primitives such as Button, Input, Checkbox, Avatar, and Separator. |
registry/ruixenui/ | Source files for the curated Veltrix UI components. |
registry/example/ | Live demo compositions for each curated component. |
registry/registry-ui.ts | Canonical installable component manifest. |
registry/registry-examples.ts | Manifest connecting demo entries to their source files. |
registry/basic-components.ts | Canonical catalog for component names, categories, descriptions, and navigation order. |
scripts/build-registry.mts | Generates registry JSON, preview indexes, and supported variants. |
Install a component
Install any component with the standard shadcn CLI. For example:
# Tailwind v4
npx shadcn@latest add "https://veltrixui.runs-on.dev/r/button-copy"
# Tailwind v3
npx shadcn@latest add "https://veltrixui.runs-on.dev/r/tw3/button-copy"The generated registry output is rebuilt from the source manifests. Run pnpm build:registry after changing component sources or registry metadata so generated files stay in sync.