bigbullui

660 tactile, copy-paste React 19 + Tailwind CSS 4 components you own. Zero external dependencies. Open source, MIT licensed.

Features

• Zero 3rd-Party Dependencies — UI files import only React plus small in-tree helpers (cn, hooks, focus-trap) and sibling components. No Radix or Lucide bloat.
• Code You Own — Run the CLI or copy source files directly into your codebase. No black-box npm lock-in.
• Tailwind CSS v4 Native — Driven entirely by CSS variables and @theme inline with warm cream paper and night stub themes.
• Accessible by Default — Full WAI-ARIA support, keyboard roving tabindex, focus rings, and prefers-reduced-motion fallbacks.
• 660 Crafted Components — From foundational form controls and data tables to rich charts and retro interactive widgets.

Quick Start (CLI — Recommended)

Initialize bigbullui in your project:

npx bigbullui init

Add any component directly to your project:

npx bigbullui add button card dialog metric-card

Works with the shadcn CLI too — every component is published as registry JSON:

npx shadcn@latest add https://ui.bigbullapp.com/r/button.json
# Full page blocks work too (block source + its components bundled):
npx shadcn@latest add https://ui.bigbullapp.com/r/admin-overview.json

Works with AI coding assistants via MCP (zero backend — runs locally):

claude mcp add bigbullui -- npx -y bigbullui mcp

Use immediately in your views:

import { Button } from "@/components/ui/button";

export function Example() {
  return <Button>Get Started</Button>;
}

Alternative: All-in-One npm Package

npm install bigbullui

Add the design tokens to your global CSS:

@import "tailwindcss";
@import "bigbullui/css";
/* Optional: Windows High Contrast / forced-colors support */
/* @import "bigbullui/high-contrast.css"; */

Import and use:

import { Button, Card, MetricCard } from "bigbullui";

Companion: bigbullicons (1099 Ticket Stub stroke icons)

npm install bigbullicons

import { StampIcon } from "bigbullicons";

export function Example() {
  return <StampIcon name="ticket" size={20} />;
}

Browse every icon with live animated previews at ui.bigbullapp.com/icons — or pull a single icon into any project with npx bigbullui add icon-ticket.

Manual Copy-Paste Alternative

No install needed. Copy files from src/components/ui/ (plus the cn helper at src/components/ui/lib/utils.ts) into your project, copy the token CSS from bigbullui.css — done.

Components

| File | Component | Description | |---|---|---| | button | Button | Animated button with hover feedback and crisp focus. | | input | Input | Text input with dashed focus border and design tokens. | | textarea | Textarea | Multi-line text area matching Input styling. | | checkbox | Checkbox | Crisp checkbox with bold checked states. | | switch | Switch | Two-state toggle switch with sliding thumb. | | radio-group | Radio Group | Accessible single-select radio button set. | | slider | Slider | Draggable value slider with chunky thumb. | | select | Select | Custom dashed listbox dropdown with keyboard navigation. | | stepper | Stepper | Increment and decrement buttons with mono readout. | | pin-input | Pin Input | Segmented single-character boxes for codes and OTP. | | rating | Rating | Interactive star rating with live hover preview. | | copy-button | Copy Button | Tactile button with clipboard feedback and check state. | | search-bar | Search Bar | Dashed search field with shortcut keycap and clear action. | | combobox | Combobox | Filterable searchable dropdown with instant keyboard filter. | | file-dropzone | File Dropzone | Drag-and-drop upload zone with dashed borders and file preview. | | color-picker | Color Picker | Palette swatch picker with framing and active mark. | | password-strength | Password Strength | Segmented security verification meter with animated strength bars and criteria checklist. | | inline-edit | Inline Edit | Click-to-edit field with focus outline, animated save pulse, and cancel action. | | time-input | Time Input | Curtain call showtime selector with hours, minutes, and AM/PM stepper. | | masked-input | Masked Input | Formatted code field with auto-formatted delimiters and validation mark. | | date-picker | Date Picker | Date picker input with popover calendar and quick date selection. | | dual-slider | Dual Slider | Price range selector with minimum and maximum draggable handles. | | autocomplete | Autocomplete | Typeahead search input with instant suggestions and keyboard select. | | tree-select | Tree Select | Hierarchical seating dropdown selector with expandable zone nodes. | | masked-currency | Masked Currency | Formatted currency price input with prefix badge and numeric mask. | | segmented-switch | Segmented Switch | Mechanical multi-option lever switch with smooth slide carriage. | | signature-pad | Signature Pad | Interactive canvas endorsement pad with clear action and receipt stamp. | | tag-input | Tag Input | Tag input with pill chip badges, remove buttons, backspace deletion, and dashed container. | | calendar | Calendar | Month calendar with date selection, month navigation, and today indicator. | | file-upload-list | File Upload List | Multi-file upload manager queue with individual file progress percentage bars, file size formatting (KB/MB), file type badges, cancel/retry/remove buttons, and overall upload count status. | | toggle-group | Toggle Group | Single-choice segmented control with roving tabindex. | | dropdown-menu | Dropdown Menu | Popup actions menu with keyboard shortcuts and items. | | label | Label | Form label with mono uppercase styling and an animated stamp-red asterisk when required. | | form-field | Form Field | Field wrapper with label, control, description, and error message with a shake-in animation on error. | | field | Field | Composable field primitives: Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldGroup, FieldSet. | | toggle | Toggle | Two-state button with aria-pressed, springy press animation, and default/outline/accent variants. | | multi-select | Multi Select | Trigger + popover picker with search input, checkbox options, and animated removable selection chips. | | input-group | Input Group | Input with prefix icon slot, suffix slot, and inner action button; dashed focus ring and animated underline sweep. | | button-group | Button Group | Joins buttons with rounded outer corners, internal separators, and sliding hover highlight. | | loading-button | Loading Button | Button with loading spinner swap, width locking to avoid jumps, and a brief success check-mark stamp. | | checkbox-group | Checkbox Group | Checkbox options with a select-all row (indeterminate state), animated check fills, and staggered entrance. | | dropdown-menu-v2 | Dropdown Menu V2 | V2 dropdown menu: nested submenus, checkbox items, radio groups, separators, danger items, and shortcut kbd hints. | | fab | Fab | Floating action button fixed in corner with hover growth, ripple press, and tooltip label on hover. | | size-picker | Size Picker | Size chip picker with out-of-stock strikes and stock dots. | | variant-picker | Variant Picker | Color swatch and size variant picker with animated selection. | | wishlist-button | Wishlist Button | Heart wishlist button with pop fill and floating burst. | | add-to-cart-button | Add To Cart Button | Add-to-cart button with flying dot arc and check stamp. | | like-button | LikeButton | Heart/thumb button that fills on click with burst particle animation and count increment. | | emoji-picker | EmojiPicker | Panel with category tabs (Smileys, Gestures, Hearts, Objects), search filter, and emoji grid with selection callback. | | copy-chip | CopyChip | Small mono chip that copies to clipboard with check morph and 'COPIED' feedback | | phone-input | PhoneInput | Phone number input with country code selector and formatted display | | email-input | EmailInput | Email input with live validation and typo domain suggestions | | date-range-picker | DateRangePicker | Two-month mini calendar grid for selecting start and end dates with nights count | | month-picker | MonthPicker | 12-month grid for selecting a month with year navigation | | year-picker | YearPicker | Year grid with page navigation for selecting a year | | time-range-picker | TimeRangePicker | Two time inputs with duration readout that animates on change | | clock-picker | ClockPicker | Analog clock with draggable hands for time selection | | hotkey-recorder | HotkeyRecorder | Record keyboard hotkey combinations with visual chip display | | file-input | FileInput | Styled file input with drop chips and selection count animation | | slider-ticks | SliderTicks | Slider with tick marks, labels, and snap-to-ticks functionality | | image-crop | Image Crop | Canvas-based image cropping with draggable crop rect, rule-of-thirds grid, resize handles, and dataURL output. | | hooks | Hooks | SSR-safe React hooks: media query, localStorage, intersection, click-outside, copy, hotkey, and debounce. | | focus-trap | Focus Trap | Pure TypeScript focus trapping helpers for accessible overlays: getFocusable and trapFocus. | | login-form | Login Form | Login form with live validation, show/hide password, remember me and social buttons. | | register-form | Register Form | Registration form with name, email, animated password strength and terms consent. | | forgot-password | Forgot Password | Password reset flow: email input transitions to animated sent confirmation. | | otp-verify | Otp Verify | 6-digit OTP verification with auto-advance, paste support and resend countdown. | | two-factor | Two Factor | 2FA setup panel with animated QR scan line, recovery codes and copy action. | | form-progress | Form Progress | Form completion progress with segmented dashed bars. | | stepper-v2 | Stepper V2 | Vertical/horizontal stepper v2 with descriptions and done states. | | search-filter-bar | Search Filter Bar | Combined search, sort and filter toolbar with animated chips. | | avatar-upload | Avatar Upload | Avatar upload circle with hover camera overlay and preview. | | shipping-options | Shipping Options | Shipping option radio cards with carrier, duration and price. | | payment-methods | Payment Methods | Payment method selector with card, bank, cash, wallet icons. | | credit-card-form | Credit Card Form | Credit card form with live number formatting and expiry mask. | | installment-picker | Installment Picker | Installment plan picker: months, monthly amount, total. | | coupon-field | Coupon Field | Coupon code field with validation, success check and shake error. | | checkbox-card | Checkbox Card | Card-style checkbox with title, description and check pop. | | radio-tile | Radio Tile | Radio tile with icon, description and sliding dot. | | switch-card | Switch Card | Switch card combining title, description and toggle. | | field-array | Field Array | Dynamic form rows: add, remove, move up/down. | | textarea-autosize | Textarea Autosize | Auto-growing textarea with min/max height bounds. | | char-counter | Char Counter | Character counter with near-limit and over-limit states. | | password-input | Password Input | Password input with animated show/hide eye toggle. | | consent-checkbox | Consent Checkbox | GDPR/KVKK consent checkbox with link and required marker. | | address-form | Address Form | Address form grid: street, city, district, postal, country. | | currency-select | Currency Select | Currency select dropdown with symbols and codes. | | country-select | Country Select | Country select with flag emojis and codes. | | duration-input | Duration Input | Duration input: hour/minute/second steppers. | | serial-input | Serial Input | Serial number input: grouped boxes, auto-advance, paste support. | | radio-cards | Radio Cards | Rich selectable radio cards with prices, perks and active ticket border. | | split-button | Split Button | Dual-action button with primary click trigger and dropdown secondary actions. | | combobox-v2 | Combobox V2 | Async searchable combobox with debounced loading and infinite scroll. | | select-v2 | Select V2 | Grouped select with sticky headers and disabled options. | | input-otp | Input OTP | Six-box one-time code with paste split and autocomplete. | | form-validation | Form Validation | Schema-less validation hooks with rules and helpers. | | language-select | Language Select | Language picker with native names and codes. | | timezone-select | Timezone Select | IANA timezone picker with live UTC offsets. | | number-input | Number Input | Stepped numeric input with locale grouping and currency. | | search-command | Search Command | Inline search field with keyboard-navigated result panel. | | slider-range-label | Slider Range Label | Dual-handle range slider with live min/max labels. | | file-image-preview | File Image Preview | Image dropzone with thumbnail grid and remove. | | input-mask-phone | Input Mask Phone | Country-aware phone mask with completion counter. | | date-time-picker | Date Time Picker | Combined date and time picker with live preview. | | range-calendar | Range Calendar | Month grid with range highlight and night counter. | | inline-multiselect | Inline Multiselect | Chips flow inside the input with backspace delete. | | signature-line | Signature Line | Printable signature line with typed name. | | stamp-field | Stamp Field | Approval stamp box with name, date and seal. | | credit-card-input | Credit Card Input | Smart card input with brand detect and grouping. | | activity-calendar | Activity Calendar | GitHub-style contribution heatmap grid. | | smart-search-bar | Smart Search Bar | Shortcut search bar with filter and history. | | star-rating-input | Star Rating Input | Hoverable five-star rating field with readout. | | color-palette-picker | Color Palette Picker | Preset palette swatches with hex readout. | | pricing-slider | Pricing Slider | Seat slider with live tier cost math. | | virtual-card-flipper | Virtual Card Flipper | 3D flipping bank card with CVC back. | | split-bill-calculator | Split Bill Calculator | Bill splitter with tip and per-person math. | | recent-searches | Recent Searches | History list with clear action. | | trending-chips | Trending Chips | Hot chip row with active stamp. | | saved-searches | Saved Searches | Named queries with run and delete. | | mini-month | Mini Month | Compact calendar with today ring. | | passkey-button | Passkey Button | Passwordless sign in trigger. | | magic-link | Magic Link | Email field with sent confirmation. | | sso-row | Sso Row | Provider buttons with or divider. | | devices-list | Devices List | Session rows with revoke action. | | delete-account | Delete Account | Two-step typed confirmation zone. | | onboarding-checklist | Onboarding Checklist | Stampable steps with progress rail. | | invite-team | Invite Team | Email plus role picker with log. | | sample-data | Sample Data | Demo seed loader with state stamp. | | otp-v2 | Otp V2 | Segmented OTP with paste fill. | | newsletter-box | Newsletter Box | Email capture with success stamp. | | theme-preset-picker | Theme Preset Picker | Swatch preset cards. | | form-builder | Form Builder | Add rename remove fields. | | conditional-fields | Conditional Fields | Inputs by ticket type. | | nps-survey | Nps Survey | Zero to ten score buttons. | | bug-report | Bug Report | Mini filing form with severity. |

| File | Component | Description | |---|---|---| | mention-input | Mention Input | Mention input with instant @ autocomplete popover. | | transfer-list | Transfer List | Two-column transfer list between available and claimed items. | | theme-toggle | Theme Toggle | Theme switcher with day and night flip animation. | | seat-map | Seat Map | Interactive arena seating chart matrix grid with row letters, seat numbers, tier types, and price calculator. | | keypad | Keypad | Numeric PIN keypad with tactile mechanical keys, visual pulse, and masked PIN display. | | ticket-card | Ticket Card | Complete admission ticket with notched edges and seat details. | | coupon | Coupon | Discount coupon with scissor cutout lines and promo code copy. | | boarding-pass | Boarding Pass | Flight pass with origin, destination and receipt section. | | price-tag | Price Tag | Price tag with eyelet string hole and sale mark. | | luggage-tag | Luggage Tag | Baggage claim tag with handle loop and destination code. | | barcode | Barcode | Dynamic SVG barcode with mono serial readout. | | stamp-seal | Stamp Seal | Rotated rubber stamp badge with double dashed circular ring. | | card | Card | Double-frame surface container with header, content, and footer. | | avatar | Avatar | Initials or photo badge with dashed ring. | | star | Star | Current-color star glyph for ratings and counts. | | table | Table | Data table with dashed row dividers and mono headers. | | marquee | Marquee | Smooth ticker reel that pauses on hover. | | timeline | Timeline | Vertical chronological events with dashed connection stem. | | sparkline | Sparkline | Lightweight SVG trend sparkline with animated end-point. | | bar-chart | Bar Chart | Mini data bar chart with dashed guideline grids and hover zoom. | | data-table | Data Table | Sortable, searchable data table with row selection and pagination. | | video-frame | Video Frame | Cinema screening container with sprocket edges and play overlay. | | audio-mini | Audio Mini | Compact audio player with animated equalizer bars and duration counter. | | lightbox | Lightbox | Fullscreen media viewer with film frame edges and image paging. | | stack | Stack | Stacked container with staggered angles and hover fan-out. | | container | Container | Centered layout wrapper with notch cutouts. | | kanban-lite | Kanban Lite | Queue and stage progression board with notch cards. | | gantt-lite | Gantt Lite | Interactive festival and stage timetable schedule with animated now indicator. | | stopwatch | Stopwatch | Precision timer with lap tear-offs and digital readout. | | countup | Countup | Mechanical turnstile odometer counter with animated tally and slot frames. | | nfc-badge | NFC Badge | Contactless gate pass tap simulator with animated radio wave ripple pulse, status badge, lanyard notch, and admission chime. | | qr-reader | QR Reader | Turnstile simulated camera QR and barcode scanner viewfinder with animated laser sweep and targeting reticle. | | audio-waveform | Audio Waveform | Interactive multi-bar audio wave visualizer for concert recordings with live animated frequency bars and timestamp readout. | | ticket-fold | Ticket Fold | 3D accordion fold pass that unfolds with smooth perspective rotation and tear-away slip. | | split-flap | Split Flap | Mechanical departure board with flipping characters and retro terminal styling. | | watermark | Watermark | Repeating watermark pattern with security angle. | | turnstile-gate | Turnstile Gate | Mechanical rotor barrier with pass counter, status LED, and push animation. | | collapsible | Collapsible | Standalone expandable disclosure card with notch header, animated height reveal and status mark. | | aspect-ratio | Aspect Ratio | Proportional media container with preset ratios, framed border, and corner guides. | | pricing-table | Pricing Table | 3-tier matrix with billing switcher, highlighted plan and feature checklist. | | metric-card | Metric Card | Dashboard KPI card with value, trend delta and period label. | | code-block | Code Block | Code snippet block with filename tab, language badge and copy button. | | activity-feed | Activity Feed | Universal user and team activity stream for deployments, invites, edits, and security audits with timeline avatars, action badges, relative timestamps, and event icons. | | credit-card | Credit Card | Universal payment card visualizer with real-time card number formatting, brand badge detection (Visa, Mastercard, Amex), metallic EMV chip, and interactive 3D flip card to show CVV. | | empty | Empty | Perforated placeholder box for zero-state views. | | donut-chart | Donut Chart | Interactive SVG donut and pie chart with segment hover highlight, tooltips, center total readout, and custom color legend. | | accordion | Accordion | Collapsible disclosure items with smooth height transitions. | | countdown | Countdown | Live ticking event timer with segmented cards. | | carousel | Carousel | Sliding track carousel with prev/next arrows, dot indicators, keyboard arrows, and optional autoplay. | | avatar-group | Avatar Group | Overlapping avatar stack with +N overflow chip that fans out on hover. | | item | Item | Generic row surface with leading media, title, description, and trailing actions; hover lift with accent bar slide-in. | | listbox | Listbox | Single/multi selectable list with keyboard navigation, ARIA roles, and check marks that slide in. | | list | List | List with dashed, numbered and icon variants plus staggered item entrances and List/ListItem composition. | | quote | Quote | Blockquote with dashed left frame, stamp entrance and mono uppercase cite line. | | figure | Figure | Framed media figure with double-frame surface and delayed figcaption fade-in. | | description-list | DescriptionList | Term/description pairs with mono uppercase terms, muted descriptions and staggered row entrances. | | media-object | MediaObject | Horizontal media plus content row with title, description, meta chips and hover lift. | | link-card | LinkCard | Whole-card link with sliding arrow, darkening border on hover and fade-up entrance. | | logo-cloud | LogoCloud | Grid or marquee row of monogram logo tiles in dashed frames with hover reveal. | | faq | Faq | Self-contained accordion Q&A with one-open behavior, grid-rows height reveal and rotating plus icon. | | testimonial | Testimonial | Quote card with initials avatar, name, role and staggered star rating pop-in. | | team-grid | TeamGrid | Grid of member cards with initials avatars, roles, optional links and staggered hover-lift entrances. | | feature-grid | FeatureGrid | Feature tiles with icon slot, stamp-on-hover icons, darkening borders and staggered entrance. | | line-chart | Line Chart | Multi-series line chart with stroke-dasharray animation and hover tooltips | | area-chart | Area Chart | Filled area chart with gradient fills and hover highlights | | stacked-bar | Stacked Bar Chart | Horizontal stacked bars with segmented rows and legend chips | | gauge | Gauge | Half-donut SVG gauge with needle animation and value readout | | radar-chart | Radar Chart | Spider web chart with polygon axes and data polygon animation | | heatmap | Heatmap | Grid of colored cells showing value intensities with diagonal stagger | | calendar-heatmap | Calendar Heatmap | GitHub-style Git calendar heatmap grid | | funnel-chart | Funnel Chart | Horizontal funnel stages showing conversion percentages between steps | | scatter-plot | Scatter Plot | SVG scatter plot with dashed axes and hover enlargements | | waterfall-chart | Waterfall Chart | Floating bars showing incremental changes with connecting guides | | candlestick-chart | Candlestick Chart | OHLC candlestick chart for financial data visualization | | leaderboard | Leaderboard | Ranked leaderboard with medal tiles for top 3 and count-up scores | | scoreboard | Scoreboard | Two-team score card with rolling digit animation | | json-viewer | JSON Viewer | Collapsible JSON tree with mono keys and color-typed values | | diff-viewer | Diff Viewer | Unified diff viewer showing added/removed/context lines | | terminal | Terminal | Fake terminal card with sequential line reveal and blinking cursor | | log-viewer | Log Viewer | Scrolling log stream with level badges and filter chips | | treemap-chart | Treemap Chart | Squarified treemap with recursive rectangles and staggered labels | | spotlight | Spotlight | Full-viewport dim overlay with cutout hole positioned via target ref/bounding box; pulse ring around target; caption card. | | image-compare | ImageCompare | Before/after slider with clip-path inset controlled by draggable divider; BEFORE/AFTER labels. | | zoom-image | ZoomImage | Image with hover magnifier lens tracking cursor; framed double border. | | virtual-list | VirtualList | Windowed list for fixed-height rows: scrollTop math, visible slice renders, spacer divs; smooth scroll. | | reveal | Reveal | IntersectionObserver: children animate in when entering viewport with fade-up/scale variants, delay prop, once re-trigger option. | | product-card | Product Card | Product card with image slot, price, discount badge and wishlist heart. | | user-card | User Card | Profile card with avatar, role, meta chips and action slot. | | article-card | Article Card | Blog article card with category badge, excerpt and author meta. | | event-card | Event Card | Event card with perforated date block, venue and time chips. | | invoice | Invoice | Invoice layout with line items, tax breakdown and stamped total. | | receipt | Receipt | Thermal receipt with zigzag tear edge, mono lines and barcode footer. | | checkout-summary | Checkout Summary | Cart summary with quantity steppers, tax row and checkout CTA. | | order-card | Order Card | Order status card with step dots and item summary. | | stamp-card | Stamp Card | Loyalty punch card with stamped circles and reward row. | | gift-card | Gift Card | Gift card with ribbon stripe, amount and balance bar. | | id-card | Id Card | Employee ID card with hologram shine sweep and barcode. | | rsvp-card | Rsvp Card | Invitation RSVP card with attending toggle and wax stamp. | | chat-window | ChatWindow | Full chat panel with message list, input bar, and typing indicator slot. | | chat-bubble | ChatBubble | Single message bubble with tail, status ticks, and hover press feedback. | | typing-indicator | TypingIndicator | Three bouncing dots with user name label indicating who is typing. | | comment-thread | CommentThread | Nested comments with avatars, collapse/reply actions, and dashed indent guides. | | reaction-bar | ReactionBar | Emoji buttons with counts, active reaction pops, and hover tooltips. | | share-menu | ShareMenu | Platform icon row (X, Facebook, LinkedIn, Link) with copy link feedback and stamp stamp. | | story-viewer | StoryViewer | Circular story ring with progress animation, avatar names, and tap zones for prev/next. | | post-card | PostCard | Social post with header, body, gradient media placeholder, and action row with like/comment/share counts. | | follower-list | FollowerList | Rows with avatars, names, handles, and Follow buttons that morph between states. | | voice-message | VoiceMessage | Chat audio bubble with play/pause button and animated waveform bars showing audio duration. | | audio-player | AudioPlayer | Full deck audio player with play/pause morph button, seek bar, time readout, volume slider, and track info | | video-player | VideoPlayer | Video frame with sprocket styling, hover fade-in controls, progress bar with scrub preview | | playlist | Playlist | Track rows with equalizer bars for active track, title/artist, duration, and slide-in marker | | volume-slider | VolumeSlider | Vertical or horizontal slider with fill animation, mute toggle, and ARIA roles | | podcast-player | PodcastPlayer | Episode card with art slot, play button, speed selector chips, skip buttons, and chapter ticks | | video-thumbnail | VideoThumbnail | Poster frame with duration badge, play overlay circle that scales on hover with ripple ring, and title strip | | media-controls | MediaControls | Compact transport bar with prev/play/next/stop buttons, progress micro-bar, and time display | | time-ago | TimeAgo | Relative time display showing '5 MIN AGO' with live re-render tick every 30s | | live-clock | LiveClock | Digital clock showing HH:MM:SS with optional timezone and variant support | | typewriter | Typewriter | Types text char-by-char with blinking block cursor, loops through phrases | | highlight-text | HighlightText | Highlights query matches inside text with accent background and animated reveal | | truncate | Truncate | Single/multi-line clamp with optional expand toggle (MORE/LESS) | | text-diff | TextDiff | Word-level diff showing added/removed words with animation | | currency-display | CurrencyDisplay | Formatted money with symbol, mono integer part, smaller muted decimals, optional count-up animation | | receipt-printer | ReceiptPrinter | Thermal printer that feeds mono receipt lines out of a printer slot with a stepped paper animation. | | queue-ticket | QueueTicket | Take-a-number queue ticket with a big tear-off number tab, NOW SERVING ring and queue stats. | | now-serving | NowServing | Split-flap style NOW SERVING board whose digits flip on value change with a blinking chime dot. | | passport | Passport | Double-frame passport cover with monogram, holder fields and staggered visa stamp marks. | | wax-seal | WaxSeal | Circular wax blob with a pressed-in monogram entrance and an optional cracked break state. | | envelope | Envelope | Envelope whose flap opens with a 3D rotateX and the letter inside rises, on hover or via an open prop. | | airmail-letter | AirmailLetter | Airmail bordered letter with red/blue diagonal stripes, mono lines, a postmark corner and an unfold entrance. | | postmark | Postmark | Circular postal cancellation stamp with wavy lines, city and date arcs that stamps in on mount. | | cassette-tape | CassetteTape | Cassette with two spinning reels, shifting tape amounts and a handwritten-style label with play toggle. | | vinyl-record | VinylRecord | Spinning vinyl with radial grooves, center label, a tonearm that slides in and a wobble on drop. | | flip-clock | FlipClock | Mechanical split-flap HH:MM clock whose digit cards flip on change with a blinking colon. | | neon-sign | NeonSign | Neon sign with layered glow text-shadow, flicker-in entrance and a subtle per-letter buzz. | | marquee-bulbs | MarqueeBulbs | Marquee board framed by chase-blinking bulbs with scrolling center text. | | backstage-pass | BackstagePass | Laminated ALL ACCESS pass with lanyard hole, rotated stripe strip, shine sweep on hover and fake barcode. | | wristband | Wristband | Festival wristband with patterned repeating stripes, snap closure, serial and a subtle breathing animation. | | lanyard | Lanyard | Strap with clip that sways gently from the top and holds an attached card slot for children. | | ticket-stub-v2 | TicketStubV2 | Rip-off event stub whose tear line detaches the stub with rotate-and-fall on tear, plus serial and barcode. | | qr-code | QR Code | Generates QR codes with Reed-Solomon error correction, mask evaluation, and finder patterns. Includes encodeQrMatrix helper. | | rich-text-editor | Rich Text Editor | Minimal contentEditable editor with toolbar (bold, italic, underline, lists, links, quote, code) and word/char counter. | | sankey-chart | Sankey Chart | Two-level flow diagram with bezier ribbons, value-based width, hover tooltips, and entrance animations. | | org-chart | Org Chart | Hierarchical tree of boxes with connector lines, expand/collapse nodes, avatar initials, and entrance animations. | | use-ticket-audio | Use Ticket Audio | SSR-safe WebAudio helper for stamp/punch feedback sounds: lazy AudioContext, volume control, and reduced-motion guard. | | tilt-card | Tilt Card | 3D cursor-tracking tilt card with springy reset and glare highlight. | | flip-card | Flip Card | Two-face card with rotateY flip animation, hover or click trigger. | | spotlight-card | Spotlight Card | Card with cursor-following radial spotlight glow. | | drag-sort | Drag Sort | HTML5 drag-and-drop reorderable list with grab handles and drop indicators. | | session-list | Session List | Active session manager: device icons, location, revoke buttons. | | api-key-card | Api Key Card | API key card with masked value, reveal toggle, copy and regenerate actions. | | permissions-matrix | Permissions Matrix | Role � permission checkbox matrix with animated check pops. | | audit-log | Audit Log | Audit trail with actor avatars, color-coded action badges and timestamps. | | stats-overview | Stats Overview | Overview layout: KPI tile row, mini bar chart panel and recent records table. | | user-table | User Table | User management table with role badges, status dots and remove action. | | settings-section | Settings Section | Settings section: title, description rows and save confirmation stamp. | | profile-settings | Profile Settings | Profile settings with avatar slot, fields and animated danger zone. | | billing-panel | Billing Panel | Billing panel: plan card, usage meters and invoice list. | | usage-meter | Usage Meter | Quota meter with color-coded fill bar and over-limit pulse warning. | | team-members | Team Members | Team member management: invite input, role chips, remove action. | | webhook-list | Webhook List | Webhook list with URL, event chips, test button and remove. | | feature-flag-panel | Feature Flag Panel | Feature flag panel with toggle switches and rollout percentages. | | queued-jobs | Queued Jobs | Job queue panel with status, progress bars and cancel action. | | bento-grid | Bento Grid | Bento grid: variable-sized cells with hover lift and staggered entrance. | | split-screen | Split Screen | Split layout: left content and right emphasis panel with ratio control. | | centered-card | Centered Card | Centered single card layout for login/register pages. | | two-column-list | Two Column List | Two-column notebook-style list with dashed separators. | | masonry-columns | Masonry Columns | CSS columns masonry: cards flow by height with break-inside protection. | | data-grid | Data Grid | Heavy data grid: sortable columns, pagination, sticky header. | | tree-table | Tree Table | Hierarchical table rows with expand/collapse chevrons. | | kanban-v2 | Kanban V2 | Drag-and-drop kanban board v2 with animated column transfers. | | board-checklist | Board Checklist | Task checklist: checkboxes, assignee, priority badges and progress bar. | | task-list | Task List | Task rows with assignee chips and priority badges. | | timeline-vertical-v2 | Timeline Vertical V2 | Two-sided vertical timeline v2 with alternating cards. | | feed-masonry | Feed Masonry | Masonry feed of mixed-height content cards. | | inbox-list | Inbox List | Email inbox list: unread dots, senders, stars, subject previews. | | activity-v2 | Activity V2 | Filterable activity feed v2 with action badges and avatars. | | rank-list | Rank List | Ranked list with drag-to-reorder and score readouts. | | table-summary | Table Summary | Table footer summary rows with bolded totals in dashed frame. | | empty-col-span | Empty Col Span | Empty table cell placeholder with floating icon animation. | | row-expand | Row Expand | Expandable row detail panels with height animation. | | column-toggle | Column Toggle | Column show/hide dropdown menu for data grids. | | mention-list | Mention List | @mention suggestion panel with avatars and keyboard highlight. | | dm-thread | Dm Thread | Direct message thread: header with presence, bubbles, input. | | poll | Poll | Interactive poll with animated result bars and vote confirmation. | | quiz-card | Quiz Card | Mini quiz card with options and correct/incorrect feedback. | | bio-card | Bio Card | Bio card with social link icons and follow action. | | mention-highlight | Mention Highlight | Highlight @mentions and #hashtags inside running text. | | badge-list | Badge List | Achievement badge grid with earned/locked states and shine sweep. | | gift-message | Gift Message | Gift message card with ribbon wiggle and open animation. | | voice-note-list | Voice Note List | Voice note list: play buttons, waveforms, durations. | | price-compare | Price Compare | Price comparison table across sellers with best-offer highlight. | | cart-badge | Cart Badge | Cart count badge that pulses on item add. | | order-tracking | Order Tracking | Order tracking strip: status dots with dates and courier. | | refund-card | Refund Card | Refund status card with amount and reason. | | wallet-card | Wallet Card | Wallet balance card with top-up and mini transactions. | | crypto-ticker | Crypto Ticker | Crypto price ticker with animated up/down arrows. | | exchange-rate | Exchange Rate | Exchange rate converter with two-way live calculation. | | budget-progress | Budget Progress | Budget spending bar with category breakdown and overrun warning. | | subscription-card | Subscription Card | Subscription card: plan, renewal date, features, cancel. | | gallery-grid | Gallery Grid | Image gallery grid with fullscreen lightbox and keyboard paging. | | image-carousel | Image Carousel | Image carousel with arrows, dots and swipe feel. | | thumbnail-strip | Thumbnail Strip | Horizontal thumbnail strip with animated selection frame. | | video-list | Video List | Video results list: thumbnails, duration badges, channel names. | | audio-recorder | Audio Recorder | Microphone recording simulator with waveform and send action. | | media-embed | Media Embed | Embedded media frame: 16:9, skeleton shimmer, dashed border. | | poster-card | Poster Card | Event poster card with gradient overlay and date corner. | | screenshot-frame | Screenshot Frame | Browser-chrome screenshot frame with URL bar and controls. | | quote-wall | Quote Wall | Masonry quote wall built on Quote cards. | | glossary-list | Glossary List | Glossary list with letter index tabs and term definitions. | | changelog-list | Changelog List | Changelog list: version badges, added/fixed/breaking sections. | | recipe-card | Recipe Card | Recipe card: ingredients/steps tabs, time and servings. | | code-editor | Code Editor | Code editor: line-number gutter, Tab insertion, scroll sync. | | markdown-editor | Markdown Editor | Markdown write/preview tabs with built-in renderer. | | markdown-preview | Markdown Preview | Standalone markdown renderer: headings, lists, code, links, bold. | | html-preview | Html Preview | Sandboxed HTML preview frame. | | diff-editor | Diff Editor | Editable side-by-side diff view. | | json-editor | Json Editor | JSON editor with live validation, error line and format button. | | regex-tester | Regex Tester | Regex tester: pattern, test string, highlighted matches and count. | | cron-builder | Cron Builder | Cron expression builder: 5 fields, presets, live description. | | color-token-table | Color Token Table | Theme token table: swatch, value, copy action. | | snippet-card | Snippet Card | Code snippet card with language badge and copy button. | | console-panel | Console Panel | Console panel: colored output lines, input row, autoscroll. | | env-editor | Env Editor | Environment variable editor: secret masking, add/remove rows. | | world-map | World Map | Stylized world map grid with region value intensity and hover readout. | | bubble-chart | Bubble Chart | Bubble chart with size-coded circles and hover magnify. | | word-cloud | Word Cloud | Word cloud with weight-based font sizing and hover accent. | | network-graph | Network Graph | Node-edge network graph with bezier links and hover highlight. | | sunburst-chart | Sunburst Chart | Two-ring sunburst chart with segment hover dimming. | | ticket-validator | Ticket Validator | Ticket validator device with blinking green/red result light. | | punch-clock | Punch Clock | Punch clock with live digital time and in/out stamp feed. | | mailbox | Mailbox | Mailbox with flag raise and letter send animation. | | medal-display | Medal Display | Medal board with gold/silver/bronze tiers and shine sweep. | | trophy-shelf | Trophy Shelf | Trophy shelf with earned/empty slots and drop-in animation. | | megaphone | Megaphone | Announcement megaphone with animated sound waves. | | score-keeper | Score Keeper | Two-team score keeper with pulse on score change. | | match-ticker | Match Ticker | Live match ticker with scrolling scores and LIVE badges. | | badge-ribbon | Badge Ribbon | Award rosette badge ribbon with swallow-tail streamers and certified stamp. | | bullet-chart | Bullet Chart | Target versus actual progress meter with qualitative ranges and goal marker. | | histogram | Histogram | Frequency distribution histogram with hover count readout and grow animation. | | milestone-chart | Milestone Chart | Horizontal milestone timeline progress line with reached checkpoints. | | stat-tile | Stat Tile | KPI metric box with big tabular numbers, delta change and sparkline bars. | | kpi-strip | Kpi Strip | Responsive grid strip of KPI metric tiles with deltas and spark bars. | | box-plot | Box Plot | Quartile box plot with whiskers and median. | | violin-chart | Violin Chart | Kernel density violins with median ticks. | | spark-bars | Spark Bars | Mini bar sparkline with peak readout. | | spark-line-group | Spark Line Group | KPI card grid with mini trend lines. | | donut-multi | Donut Multi | Concentric multi-ring donut with legend. | | pie-interactive | Pie Interactive | Hover-exploding pie with live readout. | | chord-diagram | Chord Diagram | Circular flow ribbons with hover dimming. | | icicle-chart | Icicle Chart | Rectangular hierarchy partition chart. | | stream-graph | Stream Graph | Stacked flowing area layers with legend. | | horizon-chart | Horizon Chart | Banded area chart for dense time series. | | density-plot | Density Plot | Smooth distribution curve with rug ticks. | | qq-plot | QQ Plot | Quantile-quantile scatter against diagonal. | | control-chart | Control Chart | Process chart with UCL/LCL violation dots. | | matrix-chart | Matrix Chart | Row-column heat cells with labels. | | org-tree-v2 | Org Tree V2 | Collapsible org tree, vertical or horizontal. | | table-empty-col | Table Empty Col | Empty table cell placeholder with message. | | code-tabs | Code Tabs | Multi-language code block with tabs and copy. | | file-tree | File Tree | Collapsible folder tree with active selection. | | json-inspector | JSON Inspector | Collapsible colored API response viewer. | | shortcut-recorder | Shortcut Recorder | Press-to-record keyboard shortcut field. | | badge-printer | Badge Printer | Thermal badge printer with feed-out animation. | | stopwatch-v2 | Stopwatch V2 | Digital LED chronometer with laps. | | passport-stamp-grid | Passport Stamp Grid | Consulate stamp showcase for achievements. | | library-due-date-card | Library Due Date Card | Date-stamped return tracker card. | | coat-check-tag | Coat Check Tag | Two-part perforated claim coupon. | | warranty-certificate | Warranty Certificate | Sealed ornate certificate card. | | train-departure-board | Train Departure Board | Mechanical flap departure panel. | | scratch-card | Scratch Card | Scratch-to-reveal coupon card. | | passport-id-card | Passport ID Card | Photo ID card with MRZ strip. | | waitlist-queue-card | Waitlist Queue Card | Numbered early-access queue ticket. | | social-proof-toast | Social Proof Toast | Live purchase notification toast. | | cargo-shipping-label | Cargo Shipping Label | Tracking label with barcode and fragile stamp. | | flight-timeline-card | Flight Timeline Card | Route boarding card with delay stamp. | | parking-ticket-meter | Parking Ticket Meter | Plate countdown stub with expiry. | | thinking-block | Thinking Block | Collapsible reasoning trace with numbered steps. | | prompt-input | Prompt Input | Prompt composer with token estimate and send. | | streaming-text | Streaming Text | Character-by-character stream with cursor. | | token-counter | Token Counter | Token meter with context limit bar. | | prompt-history-drawer | Prompt History Drawer | Saved prompt drawer with restore action. | | model-picker | Model Picker | Compact model selector with meta readout. | | [feedback-vote](https://ui.bigbullapp.co