https://github.com/kodiyak/shadcn-cloud

Decentralized registry for UI components and design elements. Easy discovery, sharing, and versioning for frontend projects.
https://github.com/kodiyak/shadcn-cloud

components es-module-shims mdx modpack monaco-editor nextjs react shadcn tailwindcss

Last synced: 19 days ago
JSON representation

Decentralized registry for UI components and design elements. Easy discovery, sharing, and versioning for frontend projects.

• Host: GitHub
• URL: https://github.com/kodiyak/shadcn-cloud
• Owner: kodiyak
• Created: 2025-07-02T11:46:32.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2026-02-05T11:49:42.000Z (3 months ago)
• Last Synced: 2026-02-05T23:12:29.317Z (3 months ago)
• Topics: components, es-module-shims, mdx, modpack, monaco-editor, nextjs, react, shadcn, tailwindcss
• Language: TypeScript
• Homepage: https://shadcn.cloud
• Size: 11.8 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌥️ shadcn.cloud

A web-based platform to document, edit, and share components from the [`shadcn/ui`](https://ui.shadcn.com/) ecosystem — with live previews, instant editing, and modpack-based architecture.

> 📦 Built for indie developers, design system creators, and DX fanatics.

---

## 🚀 Features

- ✍️ Real-time editing of each component’s `index.mdx` and `metadata.json`.

- ♻️ React Fast Refresh support out of the box.

- 🧠 MDX-based documentation with full JSX support.

- 🪄 GitHub integration planned: display author avatar, social links, like/save/fork buttons.

- 🧩 Modular architecture powered by [modpack](https://github.com/kodiyak/modpack) — hot-reload individual components.

- 🌈 Fully Tailwind-compatible with runtime themes and design tokens.

- 📤 Designed to become a marketplace for selling, remixing, and showcasing frontend components.

---

## 📦 Installation (WIP)

> Currently in active development. Feel free to clone and explore:

```bash

git clone https://github.com/kodiyak/shadcn-cloud

cd shadcn-cloud

pnpm install

pnpm dev

```

## 🌐 Vision

`shadcn.cloud` aims to be a **Playground + CMS + Marketplace** for **UI components**, empowering:

- Creators who want to sell or share their custom UI components.

- Teams who need MDX-ased internal documentation with live previews.

- Tools that require fbast iteration, clean visuals, and strong developer experience.

## 🧠 Architecture

- React + Next.js

- SWC + es-module-shims for runtime component preview

- Tailwind CSS with CSS variables and theme support

- Monaco Editor with full JSX/TSX support

## ✨ Screenshots

**Live editing with instant feedback**

![Live Editing](./.github/screenshot-editor.png)

**The source of truth, beautifully rendered**

![Beautiful Documentation](./.github/screenshot-docs.png)

**Remix-ready by design**

![Remix-ready](./.github/screenshot-fork.png)

**Effortless dev identity**

![Beautiful Profile](./.github/screenshot-profile.png)

## 🧑‍💻 Author

Built with coffee and care by [@kodiyak](https://x.com/mathews536)

Also check out: [modpack](https://github.com/kodiyak/modpack) · [lofi.surf](https://github.com/kodiyak/lofizone)