M
mnfst
/
manifest
/
blocks
Files
Code
Info
Amount Input
amount-input
Amount input with increment/decrement buttons and preset values.
Chat Conversation
chat-conversation
Full chat conversation component with multiple message types.
Contact Form
contact-form
A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment.
Date & Time Picker
date-time-picker
A Calendly-style date and time picker with calendar, available time slots, and timezone display.
Event Card
event-card
Display event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable.
Event Confirmation
event-confirmation
Order confirmation with event details, ticket delivery info, organizer follow, and social sharing.
Event Detail
event-detail
Full event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only.
Event List
event-list
Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel.
Hero
hero
Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator.
Instagram Post
instagram-post
Instagram post card with image and engagement.
Issue Report Form
issue-report-form
A compact issue reporting form for team members with categories, impact/urgency levels, and file attachments.
LinkedIn Post
linkedin-post
LinkedIn post card with professional styling.
Map Carousel
map-carousel
Interactive map with location markers and a draggable carousel of cards.
Message Bubble
message-bubble
Chat message bubbles with text, image, voice, and reaction variants.
Option List
option-list
Tag-style option selector with single or multiple selection modes.
Order Confirm
order-confirm
Order confirmation with product image, delivery info, and confirm action.
Payment Confirmed
payment-confirmed
Payment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants.
Post Card
post-card
Post card with image, title, excerpt, author info and read more button. Supports default, compact, horizontal, and covered variants. Includes post-detail for fullscreen view.
Post Detail
post-detail
Full post view with cover image, author info, content, tags and related posts section.
Post List
post-list
Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts.
Product List
product-list
Product list with list, grid, carousel, and picker variants.
Progress Steps
progress-steps
Progress indicator with horizontal or vertical layout and step statuses.
Quick Reply
quick-reply
Quick reply buttons for common chat responses.
Stat Card
stat-card
Scrollable stat cards with values, trends, and change indicators.
Status Badge
status-badge
Status badge with multiple states (success, pending, processing, error, shipped, delivered).
Table
table
Data table with optional single or multi-select modes for chat interfaces.
Tag Select
tag-select
Colored tag selector with single or multiple selection and color variants.
Ticket Tier Select
ticket-tier-select
Ticket tier selection with quantity controls and order summary. Shows price breakdown with fees.
X Post
x-post
X (Twitter) post card with engagement metrics.
YouTube Post
youtube-post
YouTube video card with playable embed.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Amount Input
amount-input
Amount input with increment/decrement buttons and preset values.
Chat Conversation
chat-conversation
Full chat conversation component with multiple message types.
Contact Form
contact-form
A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment.
Date & Time Picker
date-time-picker
A Calendly-style date and time picker with calendar, available time slots, and timezone display.
Event Card
event-card
Display event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable.
Event Confirmation
event-confirmation
Order confirmation with event details, ticket delivery info, organizer follow, and social sharing.
Event Detail
event-detail
Full event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only.
Event List
event-list
Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel.
Hero
hero
Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator.
Instagram Post
instagram-post
Instagram post card with image and engagement.
Issue Report Form
issue-report-form
A compact issue reporting form for team members with categories, impact/urgency levels, and file attachments.
LinkedIn Post
linkedin-post
LinkedIn post card with professional styling.
Map Carousel
map-carousel
Interactive map with location markers and a draggable carousel of cards.
Message Bubble
message-bubble
Chat message bubbles with text, image, voice, and reaction variants.
Option List
option-list
Tag-style option selector with single or multiple selection modes.
Order Confirm
order-confirm
Order confirmation with product image, delivery info, and confirm action.
Payment Confirmed
payment-confirmed
Payment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants.
Post Card
post-card
Post card with image, title, excerpt, author info and read more button. Supports default, compact, horizontal, and covered variants. Includes post-detail for fullscreen view.
Post Detail
post-detail
Full post view with cover image, author info, content, tags and related posts section.
Post List
post-list
Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts.
Product List
product-list
Product list with list, grid, carousel, and picker variants.
Progress Steps
progress-steps
Progress indicator with horizontal or vertical layout and step statuses.
Quick Reply
quick-reply
Quick reply buttons for common chat responses.
Stat Card
stat-card
Scrollable stat cards with values, trends, and change indicators.
Status Badge
status-badge
Status badge with multiple states (success, pending, processing, error, shipped, delivered).
Table
table
Data table with optional single or multi-select modes for chat interfaces.
Tag Select
tag-select
Colored tag selector with single or multiple selection and color variants.
Ticket Tier Select
ticket-tier-select
Ticket tier selection with quantity controls and order summary. Shows price breakdown with fees.
X Post
x-post
X (Twitter) post card with engagement metrics.
YouTube Post
youtube-post
YouTube video card with playable embed.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information