Skecher UI

A collection of motion-focused React components for the shadcn CLI.

GitHub  ·  Components

Install a component

Add a component directly to your project with the shadcn CLI:

bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/sliding-panel

Replace sliding-panel with the component you want to install. Use --dry-run to preview the files before adding them:

bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/sliding-panel --dry-run

Components are copied into your project, so you can edit and style them to fit your needs.

Run locally

git clone https://github.com/CoDesign-Spa27/skecher-ui.git
cd skecher-ui
bun install
bun run dev

Component source files are in components/ui-components.

Add a component

1. Add the component source to components/ui-components/<name>.tsx.

2. Add its entry to registry.json.

3. Include its dependencies and any imported local files.

4. Validate the registry:

   bun run registry:validate

To sync component documentation and validate the registry, run:

bun run sync-components

License

Skecher UI is open source. See the repository license for details.