Manifest UI MCP Apps SDK

<p align="center"> <a href="https://manifest.build/#gh-light-mode-only"> <img src="https://manifest.build/assets/images/logo-transparent.svg" height="55px" alt="Manifest logo" title="Manifest UI - Production-ready UI blocks for ChatGPT apps" /> </a> <a href="https://manifest.build/#gh-dark-mode-only"> <img src="https://manifest.build/assets/images/logo-light.svg" height="55px" alt="Manifest logo" title="Manifest UI - Production-ready UI blocks for ChatGPT apps" /> </a> </p>

---

<p align='center'> <strong>Production-ready UI blocks for ChatGPT apps, built on top of shadcn/ui </strong> <br><br> <a href="https://discord.com/invite/FepAked3W7" target="_blank"><img alt="Discord" src="https://img.shields.io/discord/1089907785178812499?label=discord"></a> <a href="https://opencollective.com/mnfst" target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a> <a href="https://github.com/mnfst/manifest-ui/blob/main/LICENSE" target="_blank"><img alt="License MIT" src="https://img.shields.io/badge/licence-MIT-green"></a> <br> <p align="center"> <a href="https://ui.manifest.build/"> <img src="./assets/ui-homepage-screenshot.png" alt="Manifest UI Homepage" width="800"> </a> </p>

Why Manifest UI?

Manifest UI helps developers create their agentic applications like ChatGPT or MCP Apps by giving them a set of components made for this format.

Each block and component is a production-ready asset that you can customize and extend to adapt to your project.

All elements are Open source and hosted in this repository.

Getting started

Make sure you have shadcn/ui installed in your project and install a block with your CLI:

# Using npx
npx shadcn@latest add @manifest/table

Development

Prerequisites

• Node.js 22+
• pnpm 10+

Setup

git clone https://github.com/mnfst/manifest-ui.git
cd manifest-ui
pnpm install

Start the development server

pnpm run dev

This starts the registry at http://localhost:3001.

Build the registry

pnpm run registry:build

Run tests

pnpm test

Lint

pnpm lint

Community & Resources

• Chat with us on our Discord
• Report bugs on GitHub issues
• Suggest new features on GitHub Discussions

Contributors

We welcome contributions to Manifest UI. Please see our Contributing Guidelines to get started and join the journey.

Thanks to our wonderful contributors!

<a href="https://github.com/mnfst/manifest-ui/graphs/contributors"> <img src="https://contrib.rocks/image?repo=mnfst/manifest-ui" /> </a>

Sponsors

Manifest is an MIT-licensed open-source project. If you find it useful and want to support its development, consider becoming a sponsor.

<h3 align="center">Sponsors</h3>

<h3 align="center">Backed by</h3>

<h3 align="center">Partners</h3> <div align="center" style="display:flex; width:100%; flex-wrap:wrap; align-items: center; justify-content: space-between"> <br> <table> <tr> <td> <a href="https://kreezalid.com/" target="_blank"> <img src="https://github.com/user-attachments/assets/7576273c-7468-4f98-afb5-00fb71af6ade" alt="kreezalid-partner-logo"> </a> </td> <td> <a href="https://rise.work/" target="_blank"> <img src="https://github.com/user-attachments/assets/a63fd6b5-995a-4585-a479-3b693b5ed053" alt="rise-work-partner-logo"> </a> </td> <td> <a href="https://feature.sh/" target="_blank"> <img src="https://github.com/user-attachments/assets/698a031d-dbd1-43a2-a137-224bd61e1bb9" alt="feature_logo"> </a> </td> <td> <a href="https://www.lambdatest.com/" target="_blank"> <img src="https://github.com/user-attachments/assets/8e1a3ec7-15ec-4f80-a1c6-924e9bb84501" alt="Black_Logo_LambdaTest"> </a> </td> </tr> </table>

This project is tested with BrowserStack

</div>