百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
U

ui-experiments

> 编程语言
开源

使用 Origin UI 和 shadcn/ui 构建的美观设计的开源布局和 UI 实验。

1.4K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

使用 Origin UI 和 shadcn/ui 构建的美观设计的开源布局和 UI 实验。

Layouts & UI Experiments

Check out the live demos of all the layouts and UI experiments, showcased in chronological order:

  • Schema Visualizer
  • Event Calendar
  • Candlestick Chart
  • Crypto Wallet
  • SaaS Dashboard
  • AI Chat
  • Dark Table

shadcn/ui monorepo template

This template is for creating a monorepo with shadcn/ui.

Usage

bash
pnpm dlx shadcn@latest init

Adding components

To add components to your app, run the following command at the root of your experiment-01 app:

bash
pnpm dlx shadcn@latest add button -c apps/experiment-01

This will place the ui components in the packages/ui/src/components directory.

Using components

To use the components in your app, import them from the ui package.

typescript
import { Button } from "@workspace/ui/components/ui/button";

Terms & Usage

You are welcome to use these layouts and UI experiments for both personal and commercial projects, but redistribution or resale (even partial) is not permitted.

All copyrights are owned by Origin UI and Crafted.

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言