gc-solid-ui

A shadcn-compatible SolidJS component registry featuring 57+ fully ported components with the Vega theme. Fork from the good work done at and many more open libraries

🚀 Features

  • 57+ Components: Complete port of shadcn-ui components to SolidJS
  • shadcn CLI Compatible: Install components using npx shadcn@latest add
  • Vega Theme: Beautiful, modern design system
  • TypeScript: Full type safety
  • Tailwind CSS v4: Latest Tailwind features
  • Kobalte: Built on Kobalte primitives for accessibility

📦 Installation

Important: Namespace installation (@gc-solid/component) requires the registry to be in the . Until our PR is merged, use direct URLs (Method 1).

Method 1: Direct URL Installation (Current)

Install components using direct URLs:

bash
npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/button.jsonnpx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/dialog.jsonnpx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sidebar.json

URL Pattern: https://binnodon.github.io/gc-solid-ui/r/{component-name}.json

Method 2: Namespace Installation (Coming Soon)

Once our registry is added to the official index, you'll be able to use:

bash
npx shadcn@latest add @gc-solid/buttonnpx shadcn@latest add @gc-solid/dialognpx shadcn@latest add @gc-solid/input

Status: Preparing PR to . See .

🧩 Available Components

  • Accordion, Alert, Alert Dialog, Aspect Ratio, Avatar
  • Badge, Breadcrumb, Button, Button Group
  • Calendar, Card, Carousel, Chart, Checkbox, Collapsible, Combobox, Command, Context Menu
  • Date Picker, Dialog, Direction, Drawer, Dropdown Menu
  • Empty, Field, Form
  • Hover Card, Input, Input Group, Input OTP
  • Item, Kbd, Label
  • Menubar, Native Select, Navigation Menu
  • Pagination, Popover, Progress
  • Radio Group, Resizable
  • Scroll Area, Select, Separator, Sheet, Sidebar, Skeleton, Slider, Sonner, Spinner, Switch
  • Table, Tabs, Textarea, Toggle, Toggle Group, Tooltip

📚 Documentation

Visit the for component examples and usage guides.

🛠️ Development

bash
# Install dependenciesnpm install
# Start dev servernpm run dev
# Build registry JSON filesnpm run build:registry
# Build docs sitenpm run build
# Build everythingnpm run build:all

📄 License

MIT