# Vite installation

Install the same editable theme and component source in a React Vite project:

```sh
npx shadcn@latest add https://gummyui.dev/r/gummy-base.json https://gummyui.dev/r/gummy-button.json
```

The command generates `components/gummy-theme.css`,
`components/gummy-button.css`, and `components/ui/gummy-button.tsx`. Import
the generated CSS from `src/index.css` when using the committed fixture
layout:

```css
@import "../components/gummy-theme.css";
@import "../components/gummy-button.css";
```

If the source and components directories differ, update those relative paths
rather than importing styles from the Gummy UI website repository.

## Verification evidence

The repository's Vite consumer verifier uses a fresh temporary project and
clean dependency install, executes the real shadcn command against a local
HTTP registry, checks the generated files and source boundary, then runs the
isolated fixture's TypeScript check and production Vite build.

## Licence and source boundary

Gummy UI's public component source and documentation are MIT licensed.
This Markdown namespace exposes only public catalogue facts, public source
locations, and public registry URLs. Separate paid assets are not included
and cannot be inferred from these documents.

Canonical Markdown: https://gummyui.dev/docs/markdown/guides/vite.md