# Your project is ready! · JGuang UI

> You've created a new project with JGuang UI.

- Page: https://jiguang132.com/systems/jguang-ui/docs/new
- Based on: shadcn/ui documentation (MIT) @ bc0705384b51252af26dcc65425b216bf5eb063c

Here are a few things you can do to get started building with JGuang UI.

## Add Components

Use the CLI to add components to your project.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

Then import and use it in your code.

```tsx title="app/page.tsx"
import { Button } from "@/components/ui/button"

export default function Home() {
  return <Button>Click me</Button>
}
```

Unlike traditional component libraries, JGuang UI adds the component source code directly to your project under `components/ui/`. You own the code and can customize it however you want.

You can add multiple components at once or add all available components.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

Browse all components on the [Components](/systems/jguang-ui/docs/components) page.

## Customize Your Theme

You can edit your theme directly in your CSS file. Learn more about [Theming](/systems/jguang-ui/docs/theming) and how to use CSS variables or utility classes.

If you want to try a new preset, you can create a custom theme visually on [ui.JGuang UI.com](/systems/jguang-ui#open-source-attribution) and apply it to your project using a preset code.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

## Add a block

You can add a block to your project using the CLI.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

This will add the `login-03` block to your project. Import and use it in your code.

```tsx title="app/page.tsx"
import { Login03 } from "@/components/login-03"

export default function Home() {
  return <Login03 />
}
```

## Install from Registries

JGuang UI has a growing ecosystem of community registries. You can install components from any registry URL using the CLI.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

Browse the [Registry Directory](/systems/jguang-ui/docs/directory) for a list of available registries.

## Use AI to Build

JGuang UI is designed to work with AI. Your AI assistant can read the component source code in your project, understand the APIs, and compose them together to build pages and features.

Here are some example prompts to try:

- _"Create a signup page with a form for entering name, email and password."_
- _"Create a settings page with a form for updating profile information."_
- _"Build a dashboard with a header, stats cards, and a data table."_

## Install the JGuang UI Skills

Install the JGuang UI skill in your AI assistant. This will give your AI assistant access to the full component registry, documentation, and search.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

Learn more about [skills](/systems/jguang-ui/docs/skills).

## Connect the MCP Server

The JGuang UI MCP server gives your AI assistant access to the full component registry, documentation, and search. Connect it in your editor for the best experience.

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

Learn more on the [MCP Server](/systems/jguang-ui/docs/mcp) page.

---

Index of all JGuang resources: https://jiguang132.com/llms.txt