# aigenui

**Repository Path**: tyerp/aigenui

## Basic Information

- **Project Name**: aigenui
- **Description**: AigenUI：面向 AI 应用的开源 UI 片段展示站，支持预览、分类浏览、一键复制代码，基于 Tailwind CSS 构建，零额外组件依赖，Next.js+React+TypeScript 开发，支持明暗主题与中英文国际化。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-13
- **Last Updated**: 2026-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AigenUI

面向 AI 应用的 UI 片段展示站：预览、分类浏览、一键复制代码，基于 Tailwind CSS，无额外组件运行时依赖。

## 技术栈

- Next.js 15、React 19、TypeScript
- Tailwind CSS 4
- next-themes（明暗主题）、中英文案（`LanguageProvider`）

## 本地运行

```bash
npm install
npm run dev
```

浏览器访问 `http://localhost:3030`。

## 截图

![截图 1](screen/1.png)

![截图 2](screen/2.png)

![截图 3](screen/3.png)

![截图 4](screen/4.png)

## 脚本

| 命令 | 说明 |
|------|------|
| `npm run dev` | 开发 |
| `npm run build` | 生产构建 |
| `npm run start` | 启动生产服务 |
| `npm run lint` | ESLint |

## 新增组件

在 `src/lib/components-data.ts` 的 `components` 数组中增加条目：`id`、`name`、`description`、`category`、`tags`、`preview`（与 `ComponentPreview` 中 key 对应）、`code`（展示与复制的源码字符串）。

## 目录说明

- `src/app/`：页面与路由（首页、分类页、`/components/[id]` 详情）
- `src/components/`：导航、预览、代码弹窗等 UI
- `src/lib/`：组件数据、分类、国际化字典