Getting Started
Manifest UI is a shadcn/ui library for building ChatGPT Apps.
Start from scratch
The fastest way to get started is to use the Alpic SkyBridge starter with Manifest UI. It creates a ready-to-go app with Manifest UI configured out of the box.
Add Manifest UI to your project
Already have an existing project? Follow these steps to add Manifest UI.
1. Initialize shadcn/ui
Make sure you have shadcn/ui initialized in your project. If not, see the shadcn/ui installation guide.
2. Configure Tailwind CSS v4 theme
Manifest UI blocks use Tailwind CSS v4 with CSS custom properties for theming. Add the following configuration to your main CSS file (e.g. globals.css or index.css).
If you initialized your project with npx shadcn@latest init, this may already be configured. If blocks aren't rendering correctly, verify your CSS includes this setup:
3. Add a block
Browse to the block you want to use and run the provided command to add it to your project. For example, to add the Table block: