---
name: "@manifest"
slug: "manifest"
description: "Manifest UI is a free, open-source shadcn/ui registry of blocks and components designed specifically for building ChatGPT custom apps and MCP agentic UIs. Block categories include Blogging (Post Card, Post Detail, Post List), Events (Event Card, Confirmation, Ticket Tier Select), Forms (Contact Form, Date & Time Picker, Issue Report), Lists & Tables, Map/Map Carousel, Messaging (Chat Conversation, Message Bubble), Payment (Amount Input, Order Confirm, Payment Confirmed), Selection (Option List, Quick Reply, Tag Select), Social (Instagram, LinkedIn, X, YouTube Post), and Status & Progress. Tailwind CSS v4 required. MIT licensed. Use for: embedding ready-made conversational UI blocks — chat flows, product selection, payment confirmation, social post previews — into ChatGPT or agent-powered applications."
category: "AI/chat UI"
tags: ["ai", "blocks", "cards", "cms", "forms", "loaders", "maps", "media", "payments", "tables"]
framework: "react"
license: "MIT"
author: "mnfst"
website: "https://ui.manifest.build"
github: "https://github.com/mnfst/manifest-ui"
registry: "https://ui.manifest.build/r/registry.json"
pro: false
pro_url: null
github_stars: 30
component_count: 32
generated_at: "2026-07-28T08:59:05.895Z"
---

# @manifest

Manifest UI is a free, open-source shadcn/ui registry of blocks and components designed specifically for building ChatGPT custom apps and MCP agentic UIs. Block categories include Blogging (Post Card, Post Detail, Post List), Events (Event Card, Confirmation, Ticket Tier Select), Forms (Contact Form, Date & Time Picker, Issue Report), Lists & Tables, Map/Map Carousel, Messaging (Chat Conversation, Message Bubble), Payment (Amount Input, Order Confirm, Payment Confirmed), Selection (Option List, Quick Reply, Tag Select), Social (Instagram, LinkedIn, X, YouTube Post), and Status & Progress. Tailwind CSS v4 required. MIT licensed. Use for: embedding ready-made conversational UI blocks — chat flows, product selection, payment confirmation, social post previews — into ChatGPT or agent-powered applications.

## Links

- Website: https://ui.manifest.build
- GitHub: https://github.com/mnfst/manifest-ui
- Registry JSON: https://ui.manifest.build/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/manifest
- This file: https://sh4dcn.vercel.app/md/manifest.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.manifest.build/r/registry.json
pnpm dlx shadcn@latest add https://ui.manifest.build/r/registry.json
bunx shadcn@latest add https://ui.manifest.build/r/registry.json
# clone the source repo
git clone https://github.com/mnfst/manifest-ui.git
# fetch the raw registry index
curl -s https://ui.manifest.build/r/registry.json
```

## Components (32)

| name | type | description | install |
| --- | --- | --- | --- |
| contact-form | registry:block | A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment. | `npx shadcn@latest add https://ui.manifest.build/r/contact-form.json` |
| date-time-picker | registry:block | A Calendly-style date and time picker with calendar, available time slots, and timezone display. | `npx shadcn@latest add https://ui.manifest.build/r/date-time-picker.json` |
| issue-report-form | registry:block | A compact issue reporting form for team members with categories, impact/urgency levels, and file attachments. | `npx shadcn@latest add https://ui.manifest.build/r/issue-report-form.json` |
| order-confirm | registry:block | Order confirmation with product image, delivery info, and confirm action. | `npx shadcn@latest add https://ui.manifest.build/r/order-confirm.json` |
| payment-confirmed | registry:block | Payment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants. | `npx shadcn@latest add https://ui.manifest.build/r/payment-confirmed.json` |
| product-list | registry:block | Product list with list, grid, carousel, and picker variants. | `npx shadcn@latest add https://ui.manifest.build/r/product-list.json` |
| option-list | registry:block | Tag-style option selector with single or multiple selection modes. | `npx shadcn@latest add https://ui.manifest.build/r/option-list.json` |
| amount-input | registry:block | Amount input with increment/decrement buttons and preset values. | `npx shadcn@latest add https://ui.manifest.build/r/amount-input.json` |
| tag-select | registry:block | Colored tag selector with single or multiple selection and color variants. | `npx shadcn@latest add https://ui.manifest.build/r/tag-select.json` |
| quick-reply | registry:block | Quick reply buttons for common chat responses. | `npx shadcn@latest add https://ui.manifest.build/r/quick-reply.json` |
| progress-steps | registry:block | Progress indicator with horizontal or vertical layout and step statuses. | `npx shadcn@latest add https://ui.manifest.build/r/progress-steps.json` |
| status-badge | registry:block | Status badge with multiple states (success, pending, processing, error, shipped, delivered). | `npx shadcn@latest add https://ui.manifest.build/r/status-badge.json` |
| stat-card | registry:block | Scrollable stat cards with values, trends, and change indicators. | `npx shadcn@latest add https://ui.manifest.build/r/stat-card.json` |
| post-card | registry:block | Post card with image, title, excerpt, author info and read more button. Supports default, compact, horizontal, and covered variants. Includes post-detail for f… | `npx shadcn@latest add https://ui.manifest.build/r/post-card.json` |
| post-list | registry:block | Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts. | `npx shadcn@latest add https://ui.manifest.build/r/post-list.json` |
| post-detail | registry:block | Full post view with cover image, author info, content, tags and related posts section. | `npx shadcn@latest add https://ui.manifest.build/r/post-detail.json` |
| table | registry:block | Data table with optional single or multi-select modes for chat interfaces. | `npx shadcn@latest add https://ui.manifest.build/r/table.json` |
| message-bubble | registry:block | Chat message bubbles with text, image, voice, and reaction variants. | `npx shadcn@latest add https://ui.manifest.build/r/message-bubble.json` |
| chat-conversation | registry:block | Full chat conversation component with multiple message types. | `npx shadcn@latest add https://ui.manifest.build/r/chat-conversation.json` |
| x-post | registry:block | X (Twitter) post card with engagement metrics. | `npx shadcn@latest add https://ui.manifest.build/r/x-post.json` |
| instagram-post | registry:block | Instagram post card with image and engagement. | `npx shadcn@latest add https://ui.manifest.build/r/instagram-post.json` |
| linkedin-post | registry:block | LinkedIn post card with professional styling. | `npx shadcn@latest add https://ui.manifest.build/r/linkedin-post.json` |
| youtube-post | registry:block | YouTube video card with playable embed. | `npx shadcn@latest add https://ui.manifest.build/r/youtube-post.json` |
| map-carousel | registry:block | Interactive map with location markers and a draggable carousel of cards. | `npx shadcn@latest add https://ui.manifest.build/r/map-carousel.json` |
| event-card | registry:block | Display event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable. | `npx shadcn@latest add https://ui.manifest.build/r/event-card.json` |
| event-list | registry:block | Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel. | `npx shadcn@latest add https://ui.manifest.build/r/event-list.json` |
| event-detail | registry:block | Full event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only. | `npx shadcn@latest add https://ui.manifest.build/r/event-detail.json` |
| ticket-tier-select | registry:block | Ticket tier selection with quantity controls and order summary. Shows price breakdown with fees. | `npx shadcn@latest add https://ui.manifest.build/r/ticket-tier-select.json` |
| event-confirmation | registry:block | Order confirmation with event details, ticket delivery info, organizer follow, and social sharing. | `npx shadcn@latest add https://ui.manifest.build/r/event-confirmation.json` |
| hero | registry:block | Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator. | `npx shadcn@latest add https://ui.manifest.build/r/hero.json` |
| event-shared | registry:lib | Shared utilities for event components (Leaflet map helpers, signal badges). | `npx shadcn@latest add https://ui.manifest.build/r/event-shared.json` |
| manifest-types | registry:lib | Shared type definitions for Manifest UI components. | `npx shadcn@latest add https://ui.manifest.build/r/manifest-types.json` |

## For AI agents

```text
You are adding components from @manifest to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/manifest.md) for the component list.
2. Fetch the machine-readable index: https://ui.manifest.build/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: manifest).
```