Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
U

ui-experiments

> 编程语言
Open source

Beautifully designed open-source layouts and UI experiments built with Origin UI and shadcn/ui.

1.4K stars0 likes0 views
WebsiteGitHub

About

Beautifully designed open-source layouts and UI experiments built with Origin UI and shadcn/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

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:

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.

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 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

TypeScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

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