shadcnblocks

Kibo UI

Announcement

Badge

Compound badge for product updates with optional tag, title, themed styling, and hover treatment.

Kibo UI

Avatar Stack

Avatar

Overlapping avatar group with configurable sizing and an optional spread-on-hover animation.

Kibo UI

Banner

Feedback

Dismissible full-width notice with compound icon, title, action, and close controls.

Kibo UI

Calendar

Calendar

Project calendar that groups status-colored features by day with date ranges and pagination.

Kibo UI

Choicebox

Input

Card-style radio and checkbox choices with descriptions, icons, badges, and disabled states.

Kibo UI

Code Block

Text

Shiki-powered code display with themes, line numbers, copy actions, diffs, focus, and highlights.

Kibo UI

Color Picker

Input

Figma-style color picker with visual controls, multiple color formats, and editable channels.

Kibo UI

Combobox

Input

Searchable autocomplete input with controlled state, fixed-width layouts, and item creation.

Kibo UI

Comparison

Animated

Animated before-and-after overlay with drag, hover, keyboard, and programmatic controls.

Kibo UI

Contribution Graph

Chart

GitHub-style activity heatmap with date handling, themes, tooltips, custom cells, and footers.

Kibo UI

Credit Card

Card

Responsive payment-card display with brand detection, validation, flipping, and masked details.

Kibo UI

Cursor

Cursor

Realtime collaboration cursor with optional participant name, message, and custom color.

Kibo UI

Deck

Animated

Swipeable card stack with drag gestures, animated transitions, controlled state, and actions.

Kibo UI

Dialog Stack

Flow

Layered dialog flow for wizards, nested forms, and multi-step processes with navigation.

Kibo UI

Dropzone

Upload

Drag-and-drop file input with validation, multiple-file handling, empty states, and previews.

Kibo UI

Editor

Editor

TipTap rich-text editor with slash commands, menus, tables, lists, links, colors, and code blocks.

Kibo UI

Gantt

Chart

Interactive project timeline with draggable and resizable tasks, lanes, groups, and date markers.

Kibo UI

Glimpse

Tooltip

Hover-triggered link preview card with metadata, loading states, positioning, and custom content.

Kibo UI

Image Crop

Editor

Image cropper with aspect-ratio constraints, circular crops, previews, and custom controls.

Kibo UI

Image Zoom

Media

Accessible click-to-zoom image overlay with custom backdrops, margins, and responsive sizing.

Kibo UI

Kanban

List

Drag-and-drop work board with sortable columns, cards, scrolling, and customizable content.

Kibo UI

List

List

Sortable task list grouped by status and priority with drag controls and custom rows.

Kibo UI

Marquee

Animated

Continuously scrolling content strip with direction, speed, fade, pause, and spacing controls.

Kibo UI

Mini Calendar

Calendar

Compact date picker for nearby dates with controlled state, custom layouts, and day rendering.

Kibo UI

Pill

Badge

Composable pill badge for avatars, status, actions, indicators, deltas, icons, and groups.

Kibo UI

QR Code

Media

QR code renderer with color styling, error correction, server rendering, and logo-safe output.

Kibo UI

Rating

Input

Keyboard-accessible rating input with hover previews, controlled state, and custom icons.

Kibo UI

Reel

Animated

Full-height vertical video reel with 9:16 framing, playback controls, progress, and gestures.

Kibo UI

Relative Time

Text

Live relative-time text with time-zone support, custom date and time formats, and controlled clocks.

Kibo UI

Sandbox

Editor

Embeddable Sandpack code playground with file exploration, live preview, and configurable layout.

Kibo UI

Snippet

Terminal

Tabbed code snippet display with copy controls, headers, language labels, and package examples.

Kibo UI

Spinner

Animated

Activity indicator with multiple animated variants, accessible labels, and size customization.

Kibo UI

Status

Feedback

Service-uptime display with status badges, incident history, labels, and custom styling.

Kibo UI

Stories

Carousel

Social story carousel with video cards, avatars, images, navigation, and progress state.

Kibo UI

Table

Table

Structured data table with TanStack sorting, filtering, visibility controls, and row actions.

Kibo UI

Tags

Input

Multi-tag input with creation, filtering, keyboard controls, suggestions, and removable badges.

Kibo UI

Theme Switcher

Animated

Animated light, dark, and system-theme selector with controlled and uncontrolled state.

Kibo UI

Ticker

Text

Composable market quote display for symbols, prices, currencies, locales, and percentage changes.

Kibo UI

Tree

Animated

Hierarchical tree view with animated expansion, selection, connecting lines, and custom icons.

Kibo UI

Typography

Text

CSS typography layer for consistent prose, headings, lists, tables, code, and blockquotes.

Kibo UI

Video Player

Media

Composable Media Chrome video player with shadcn/ui styling and accessible playback controls.