菜单
写意
XIEYI
以意运码,码落而器成。胸中之构,言而为品。
搜索菜单、概念、组件、词条、提示词…
⌘K
Command Palette
Search for a command to run...
法器·前端组件
Components
67 个 shadcn/ui 组件,按 9 大类拆解,每个都配使用场景与可交互示例。
山门
筑基
27
灵机
10
提示词
Prompt
系统提示词
System Prompt
令牌
Token
上下文
Context
智能体
Agent
工作模式
Agent Modes
技能包
Skill
工具 / MCP
Tool / MCP
检索增强生成
RAG
幻觉
Hallucination
营造
9
代码仓库
Repo
版本控制
Git
提交
Commit
运行环境
Environment
构建
Build
测试
Testing
缺陷 / 调试
Bug / Debug
重构
Refactor
部署
Deploy
地脉
8
网页三件套
HTML / CSS / JS
组件
Component
响应式
Responsive
路由
Routing
状态
State
前端 / 后端
Frontend / Backend
接口
API
数据库
Database
真言
55
官学
52
撷英
3
心法
图卷
42
骨相
14
堆叠布局
Stacked
侧边栏布局
Sidebar
多栏布局
Multi-column
数据面板
Dashboard
编辑器布局
IDE
综合表单页
Form
数据列表管理
Data Table
登录 / 注册页
Auth
设置页
Settings
看板
Kanban
任务待办
Todo
时间轴
Timeline
横向时间轴
Horizontal Timeline
标题
Headings
鸣钟
13
进度条
Progress
警报 · 描述提示
Alert
警报 · 错误列表
Alert List
警报 · 操作按钮
Alert Actions
警报 · 实底横幅
Solid Banner
警报 · 强调边框
Accent Border
警报 · 可关闭
Dismissible
空状态 · 极简
Simple
空状态 · 边框卡片
Bordered Card
空状态 · 快捷操作
Quick Actions
空状态 · 邀请协作
Invite
空状态 · 操作列表
Action List
空状态 · 推荐网格
Recommend Grid
卷册
8
描述列表 · 左对齐
Left Aligned
描述列表 · 卡片内
In Card
描述列表 · 双栏
Two Columns
描述列表 · 分行操作
Row Actions
描述列表 · 带状态
With Status
堆叠列表 · 基础
Basic
堆叠列表 · 带状态
With Status
堆叠列表 · 带列头
With Header
圭表
4
统计 · 带涨跌
With Trending
统计 · 卡片组
In Cards
统计 · 品牌图标
Brand Icon
统计 · 共享边框
Shared Borders
长河
3
动态流 · 图标时间线
With Icons
动态流 · 评论协作
With Comments
动态流 · 多类型事件
Multiple Types
玉简
216
格局
23
色相
16
随形
10
机杼
11
风骨
20
字阵
25
匠律
24
镇守
12
堂庑
16
辞章
12
关钥
12
法旨
15
御风
11
金汤
9
阵法
43
笔锋
7
React
React
Vue
Vue
Svelte
Svelte
Angular
Angular
SolidJS
Solid
Astro
Astro
Qwik
Qwik
周流
8
Next.js
Next.js
Nuxt
Nuxt
SvelteKit
SvelteKit
Remix
Remix
RedwoodJS
Redwood
Wasp
Wasp
Remult
Remult
T3 Stack
T3 Stack
地枢
20
Rust
Rust
Python
Python
Go
Go
Node.js
Node.js
.NET / C#
.NET
Java / Spring Boot
Java
PHP
PHP
Ruby
Ruby
FastAPI
FastAPI
Django
Django
Actix Web
Actix
Rocket
Rocket
Flask
Flask
Gin
Gin
Echo
Echo
Fiber
Fiber
ASP.NET Core
ASP.NET
Spring Boot
Spring
Laravel
Laravel
Ruby on Rails
Rails
疾影
4
Bun
Bun
Deno
Deno
Hono
Hono
Cloudflare Workers
Workers
法相
4
Vercel AI SDK
AI SDK
LangChain
LangChain
LlamaIndex
LlamaIndex
Streamlit
Streamlit
法器
67
棋枰
10
卡片
Card
分隔线
Separator
手风琴
Accordion
折叠
Collapsible
标签页
Tabs
宽高比
Aspect Ratio
可拖拽面板
Resizable
滚动区
Scroll Area
侧边栏
Sidebar
文本方向
Direction
呈帖
20
按钮
Button
按钮组
Button Group
输入框
Input
输入组
Input Group
验证码
Input OTP
多行文本
Textarea
标签
Label
字段容器
Field
复选框
Checkbox
单选组
Radio Group
开关
Switch
下拉选择
Select
原生下拉
Native Select
组合框
Combobox
滑块
Slider
切换按钮
Toggle
切换组
Toggle Group
日历
Calendar
日期选择
Date Picker
问卷
Questionnaire
引津
4
面包屑
Breadcrumb
菜单栏
Menubar
分页
Pagination
下拉菜单
Dropdown Menu
列宿
10
头像
Avatar
徽章
Badge
数据表格
Table
数据表
DataTable
空状态
Empty
列表项
Item
标记
Marker
键盘按键
Kbd
排版
Typography
统计
Statistic
回响
5
提示条
Alert
轻提示
Toast
进度条
Progress
骨架屏
Skeleton
加载圈
Spinner
悬阁
10
对话框
Dialog
确认框
AlertDialog
侧滑面板
Sheet
抽屉
Drawer
气泡卡片
Popover
提示气泡
Tooltip
右键菜单
Context Menu
悬停卡片
Hover Card
命令面板
Command
导航菜单
Navigation Menu
星图
1
图表
Chart
机锋
4
附件
Attachment
对话气泡
Bubble
消息
Message
消息滚动区
Message Scroller
旁通
3
文件树
File Tree
步骤条
Steps
上传
Upload
灵脉
10
经络
信道
仓廪
镜花
玉匣
关防
结界
封印
驿传
布阵
藏经阁
49
百宝
5
shadcn/ui
Ant Design
Material UI (MUI)
Arco Design
Element Plus
法度
4
Base UI
Tailwind CSS
Radix UI
React Aria
符箓
4
Lucide Icons
Phosphor Icons
HugeIcons
Iconify
流影
3
Framer Motion
Magic UI
Aceternity UI
灵兵
6
Claude Code
Cursor
v0 by Vercel
AGENTS.md 规范
Codex CLI
GitHub Copilot
丹方
13
Prisma
Drizzle ORM
Auth.js
Zod
Resend
Upstash Redis
Vercel Blob
Vercel
Cloudflare Pages
Netlify
Neon
Supabase
Turso
典册
9
Next.js 文档
React 官方
shadcn/ui 文档
Tailwind 文档
shadcn/ui Blocks
MDN Web Docs
TypeScript Handbook
Can I Use
web.dev
道场
5
shadcn-ui GitHub
Figma Community
Stack Overflow
掘金
V2EX