---
name: "@gc-solid"
slug: "gc-solid"
description: "A SolidJS port of shadcn/ui built on Kobalte primitives, covering 57+ components including Accordion, Alert Dialog, Avatar, Breadcrumb, Button, Calendar, Carousel, Chart, Command, Combobox, Data Picker, Dialog, Drawer, Dropdown Menu, Form, Hover Card, Input OTP, Menubar, Navigation Menu, Pagination, Resizable, Sidebar, Skeleton, Sonner, Spinner, and more. Ships with a Vega theme, full TypeScript support, and Tailwind CSS v4. Installed via direct URL until official registry index inclusion. Use for: building fully accessible, shadcn-equivalent UIs in SolidJS/Vite projects."
category: "Component library (general)"
tags: ["accessibility", "auth", "buttons", "cards", "charts", "components", "dashboard", "design-system", "forms", "hooks", "loaders", "media", "mobile", "navigation", "overlays", "tables", "theming"]
framework: "react"
license: null
author: "binnodon"
website: "https://binnodon.github.io/gc-solid-ui"
github: "https://github.com/binnodon/gc-solid-ui"
registry: "https://binnodon.github.io/gc-solid-ui/r/registry.json"
pro: false
pro_url: null
github_stars: 6
component_count: 61
generated_at: "2026-07-28T08:00:50.948Z"
---

# @gc-solid

A SolidJS port of shadcn/ui built on Kobalte primitives, covering 57+ components including Accordion, Alert Dialog, Avatar, Breadcrumb, Button, Calendar, Carousel, Chart, Command, Combobox, Data Picker, Dialog, Drawer, Dropdown Menu, Form, Hover Card, Input OTP, Menubar, Navigation Menu, Pagination, Resizable, Sidebar, Skeleton, Sonner, Spinner, and more. Ships with a Vega theme, full TypeScript support, and Tailwind CSS v4. Installed via direct URL until official registry index inclusion. Use for: building fully accessible, shadcn-equivalent UIs in SolidJS/Vite projects.

## Links

- Website: https://binnodon.github.io/gc-solid-ui
- GitHub: https://github.com/binnodon/gc-solid-ui
- Registry JSON: https://binnodon.github.io/gc-solid-ui/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/gc-solid
- This file: https://sh4dcn.vercel.app/md/gc-solid.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json
pnpm dlx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json
bunx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json
# clone the source repo
git clone https://github.com/binnodon/gc-solid-ui.git
# fetch the raw registry index
curl -s https://binnodon.github.io/gc-solid-ui/r/registry.json
```

## Components (61)

| name | type | description | install |
| --- | --- | --- | --- |
| utils | registry:lib | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/utils.json` |
| accordion | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/accordion.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/alert-dialog.json` |
| aspect-ratio | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/aspect-ratio.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/breadcrumb.json` |
| button | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/button.json` |
| card | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/card.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/calendar.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/carousel.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/checkbox.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/collapsible.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/context-menu.json` |
| date-picker | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/date-picker.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/dialog.json` |
| direction | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/direction.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/drawer.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/field.json` |
| form | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/form.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/hover-card.json` |
| input | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input-otp.json` |
| item | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/item.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/kbd.json` |
| label | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/label.json` |
| menubar | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/menubar.json` |
| navigation-menu | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/navigation-menu.json` |
| native-select | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/native-select.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/popover.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/progress.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/radio-group.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/resizable.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sidebar.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/slider.json` |
| sonner | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sonner.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/switch.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/tabs.json` |
| table | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/table.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/textarea.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/toggle-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/tooltip.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/use-mobile.json` |
| vega | registry:style | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/vega.json` |
| grasscup | registry:style | — | `npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/grasscup.json` |

## For AI agents

```text
You are adding components from @gc-solid to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/gc-solid.md) for the component list.
2. Fetch the machine-readable index: https://binnodon.github.io/gc-solid-ui/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: gc-solid).
```