M
Amount Inputamount-inputAmount input with increment/decrement buttons and preset values.
Chat Conversationchat-conversationFull chat conversation component with multiple message types.
Contact Formcontact-formA complete contact form with name fields, phone with country selector, email, message textarea, and file attachment.
Date & Time Pickerdate-time-pickerA Calendly-style date and time picker with calendar, available time slots, and timezone display.
Event Cardevent-cardDisplay event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable.
Event Confirmationevent-confirmationOrder confirmation with event details, ticket delivery info, organizer follow, and social sharing.
Event Detailevent-detailFull event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only.
Event Listevent-listDisplay events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel.
HeroheroLanding hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator.
Instagram Postinstagram-postInstagram post card with image and engagement.
Issue Report Formissue-report-formA compact issue reporting form for team members with categories, impact/urgency levels, and file attachments.
LinkedIn Postlinkedin-postLinkedIn post card with professional styling.
Map Carouselmap-carouselInteractive map with location markers and a draggable carousel of cards.
Message Bubblemessage-bubbleChat message bubbles with text, image, voice, and reaction variants.
Option Listoption-listTag-style option selector with single or multiple selection modes.
Order Confirmorder-confirmOrder confirmation with product image, delivery info, and confirm action.
Payment Confirmedpayment-confirmedPayment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants.
Post Cardpost-cardPost 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 Detailpost-detailFull post view with cover image, author info, content, tags and related posts section.
Post Listpost-listPost list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts.
Product Listproduct-listProduct list with list, grid, carousel, and picker variants.
Progress Stepsprogress-stepsProgress indicator with horizontal or vertical layout and step statuses.
Quick Replyquick-replyQuick reply buttons for common chat responses.
Stat Cardstat-cardScrollable stat cards with values, trends, and change indicators.
Status Badgestatus-badgeStatus badge with multiple states (success, pending, processing, error, shipped, delivered).
TabletableData table with optional single or multi-select modes for chat interfaces.
Tag Selecttag-selectColored tag selector with single or multiple selection and color variants.
Ticket Tier Selectticket-tier-selectTicket tier selection with quantity controls and order summary. Shows price breakdown with fees.
X Postx-postX (Twitter) post card with engagement metrics.
YouTube Postyoutube-postYouTube video card with playable embed.