New This Week: 10 February 2026

We have been busy building out the UI Destination library. Here is what landed this week.

Components

Account Settings Form

Form with avatar upload, display name, email, and timezone fields for account management.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/account-settings-form.json

View component

Activity Ticker

Live scrolling activity feed with looping updates and optional pause on hover.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/activity-ticker.json

View component

Activity Timeline

Vertical activity feed with icon, title, description, timestamp, and connector line.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/activity-timeline.json

View component

Add to Cart Button

E-commerce button with loading spinner, success checkmark, and animated state transitions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/add-to-cart-button.json

View component

Address Input

Multi-field address form for street, city, region, postal code, and country.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/address-input.json

View component

Announcement Banner

Dismissible banner with icon, message, and optional action button.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/announcement-banner.json

View component

Aspect Ratio Box

Container that maintains a specified aspect ratio with common presets for video, photo, and square.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/aspect-ratio-box.json

View component

Autocomplete Address

Address input with suggestions and structured output for street, city, state, and postal code.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/autocomplete-address.json

View component

Avatar Group

Stacked avatar group with overflow count.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/avatar-group.json

View component

Avatar Upload

Circular avatar with upload overlay, drag and drop support, and image preview.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/avatar-upload.json

View component

Bar Chart

Simple bar chart with labels, values, and optional horizontal layout.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/bar-chart.json

View component

Bar Chart Simple

Basic bar chart with vertical or horizontal layouts.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/bar-chart-simple.json

View component

Breadcrumb Dropdown

Breadcrumbs with an overflow dropdown for deep navigation paths.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/breadcrumb-dropdown.json

View component

Breadcrumb Trail

Animated breadcrumbs with an overflow dropdown for longer navigation paths.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/breadcrumb-trail.json

View component

Calendar

Month view calendar with selectable days and event dots.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/calendar.json

View component

Callout

Information callout box with tip, info, warning, and danger variants. Supports collapsible content.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/callout.json

View component

Card

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/card.json

View component

Carousel Fade

Image carousel with smooth fade transitions, autoplay, keyboard navigation, and dot indicators.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/carousel-fade.json

View component

Chart Container

Wrapper component with title, subtitle, legend slot, and responsive chart area.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/chart-container.json

View component

Checkbox

A styled checkbox component with 8 style presets including modern, glassmorphism, neumorphism, brutalist, retro-mac, windows-95, flat, and skeuomorphic.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/checkbox.json

View component

Checkout Form

Complete checkout form with contact, shipping address, and payment sections. Supports 8 style presets with self-contained Tailwind classes.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/checkout-form.json

View component

Checkout Summary

Order totals panel with items list, subtotal, shipping, tax, discount line, promo input, and checkout call to action.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/checkout-summary.json

View component

Clipboard Paste

Paste from clipboard with automatic format detection for text, HTML, images, and files.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/clipboard-paste.json

View component

Code Diff

Side by side code diff viewer with line numbers and highlights.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/code-diff.json

View component

Code Panel

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/code-panel.json

View component

Combobox

Searchable dropdown with keyboard navigation, clear button, and empty state handling.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/combobox.json

View component

Command Dialog

Command palette dialog with search, sections, and keyboard navigation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/command-dialog.json

View component

Command Palette

Global command overlay with search, keyboard shortcuts, and filtered actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/command-palette.json

View component

Comment Box

Comment input with avatar, submit action, and live character count.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/comment-box.json

View component

Comment Card

Compact comment card with avatar, name, timestamp, body text, like and reply actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/comment-card.json

View component

Confirm Dialog

Confirmation dialog with configurable actions and a danger variant.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/confirm-dialog.json

View component

Context Menu

Right click menu with nested submenus and keyboard navigation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/context-menu.json

View component

Credit Card Input

Card number, expiry, and CVV inputs with auto-formatting and card type detection.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/credit-card-input.json

View component

CTA Banner

A call to action banner with headline, supporting copy, and primary or secondary actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/cta-banner.json

View component

Currency Input

Amount input with a currency selector and symbol prefix for quick pricing entry.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/currency-input.json

View component

Dashboard Header

Page header with title, date range picker placeholder, and action buttons area.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/dashboard-header.json

View component

Data Grid

Spreadsheet style grid with selectable cells, editing, and resizable columns.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/data-grid.json

View component

Data Table Filter

Table with column filters, filter badges, and row count display.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/data-table-filter.json

View component

Data Table Sortable

Table with sortable column headers, sort direction indicators, and optional striped rows.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/data-table-sortable.json

View component

Date Picker

Calendar based date selection with month and year navigation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/date-picker.json

View component

Definition List

Definition list with term and description pairs in a card layout.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/definition-list.json

View component

Device Frame

Screenshot mockup frames for phone, tablet, laptop, and browser.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/device-frame.json

View component

Donut Chart

Ring chart with centered value and label.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/donut-chart.json

View component

Drawer

Slide-out panel from any edge with backdrop, header, and footer slots.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/drawer.json

View component

Feature Highlight

A compact marketing card with an icon, eyebrow, title, and feature description.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/feature-highlight.json

View component

File Preview

File list with type icons, file metadata, and download actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/file-preview.json

View component

Filter Bar

Horizontal filter bar with search input, filter chips, and clear all button.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/filter-bar.json

View component

Floating Action Button

Speed dial style floating action button with expandable quick actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/floating-action-button.json

View component

Follow Button

Follow and following toggle with follower count label.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/follow-button.json

View component

Form Stepper

Multi-step form with progress indicator, navigation controls, and step content areas.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/form-stepper.json

View component

Image Comparison

Before and after image comparison with a draggable slider handle.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/image-comparison.json

View component

Inline Alert

Contextual alert component for inline feedback with icon, title, and action support.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/inline-alert.json

View component

Input

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/input.json

View component

Interactive Particle System

A mouse-controlled particle system with dynamic connections and physics interactions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/interactive-particle-system.json

View component

Kanban Column

Draggable card column for kanban boards with reorder support.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/kanban-column.json

View component

Key Value Grid

Grid layout of label and value pairs for settings or details.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/key-value-grid.json

View component

KPI Card

Key performance indicator card with value, change percentage, trend arrow, and sparkline area.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/kpi-card.json

View component

KPI Widget

KPI display with target vs actual values, progress bar, and trend indicator.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/kpi-widget.json

View component

Language Selector

Dropdown for selecting a language with search filter and flag icons.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/language-selector.json

View component

Leaderboard

Ranked list with positions, avatars, scores, and optional trend badges.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/leaderboard.json

View component

Lightbox

Image gallery overlay with zoom, pan, and navigation controls.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/lightbox.json

View component

Like Button

Toggleable heart button with count display and active state.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/like-button.json

View component

Line Chart

Line chart with multiple series, points, labels, and optional area fill.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/line-chart.json

View component

Liquid Morphing Button

A button with a gooey liquid effect that deforms and morphs on hover.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/liquid-morphing-button.json

View component

Masked Input

Input with format masks for phone, credit card, and date with visual placeholders.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/masked-input.json

View component

Masonry Grid

Pinterest-style masonry layout using CSS columns for cards of varying heights.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/masonry-grid.json

View component

Media Carousel

Horizontal media carousel with navigation buttons and dot indicators.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/media-carousel.json

View component

Mention Badge

Inline @username badge with avatar and optional hover card for profile preview.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/mention-badge.json

View component

Menu Dropdown

Hover or click dropdown menu with nested submenus and accessible focus states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/menu-dropdown.json

View component

Message Bubble

Chat message bubble with alignment, timestamp, and read receipt.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/message-bubble.json

View component

Metric Comparison

Compare two metrics side by side with visual bars and percentage difference.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/metric-comparison.json

View component

Metric Grid

Responsive grid of stat cards with configurable column counts.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/metric-grid.json

View component

Metric Ring

Circular metric display with percentage ring and centered label.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/metric-ring.json

View component

Metric Trend

Metric display with trend line visualization and period comparison label.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/metric-trend.json

View component

Morph Card

Card that morphs its shape and silhouette on hover for dynamic emphasis.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/morph-card.json

View component

Multi Effect Text

Animated text component featuring gradient flow, shimmer, glitch, and reveal effects.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/multi-effect-text.json

View component

Navbar

Responsive navbar with a mobile hamburger toggle and optional actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/navbar.json

View component

Navbar Sticky

Sticky top navigation bar with scroll-aware transparency and optional actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/navbar-sticky.json

View component

Newsletter Signup

An email capture card with heading, subtext, and optional consent checkbox.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/newsletter-signup.json

View component

Notification Bell

Bell icon button with unread badge and dropdown list of notifications.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/notification-bell.json

View component

Notification Center Panel

Panel with notification items, mark all read button, and filter controls.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/notification-center-panel.json

View component

Notification Item

Notification row with icon, title, description, timestamp, and unread indicator.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/notification-item.json

View component

Notification Toggle

Grouped notification settings with toggle switches, labels, and descriptions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/notification-toggle.json

View component

Page Loader

Full-page loading overlay with spinner and optional message.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/page-loader.json

View component

Parallax Scroll

Layered parallax scroll card that offsets shapes at different speeds.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/parallax-scroll.json

View component

Parallax Tilt Card

A 3D card that tilts on hover with multi-layer parallax depth effects.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/parallax-tilt-card.json

View component

Password Reset Form

Email input form for password reset with success and error states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/password-reset-form.json

View component

Phone Input

Phone number input with a country code dropdown and inline flag icons.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/phone-input.json

View component

Pie Chart

Pie or donut chart with legend and percentage labels.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/pie-chart.json

View component

Popover Form

Popover with a compact invite form for name and email.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/popover-form.json

View component

Price Display

Formatted price with currency symbol, strikethrough for discounts, and multiple size variants.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/price-display.json

View component

Privacy Settings

Card with toggles for various privacy options like profile visibility and data sharing.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/privacy-settings.json

View component

Progress Bar Segmented

Multi-segment progress bar for category breakdowns.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/progress-bar-segmented.json

View component

Quick Actions

Grid of action buttons with icons and optional descriptions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/quick-actions.json

View component

Quick Actions Grid

Grid of action buttons with icons and labels for quick access to common tasks.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/quick-actions-grid.json

View component

Quote Block

Styled blockquote with attribution and optional avatar.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/quote-block.json

View component

Radio Group

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/radio-group.json

View component

Range Slider

Custom dual-handle range slider with value labels and keyboard support.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/range-slider.json

View component

Rating Display

Read-only star rating display with filled, empty, and half stars using inline SVG, plus optional review count.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/rating-display.json

View component

Sale Badge

Corner badge showing discount percentage or custom sale text with configurable position.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/sale-badge.json

View component

Scroll Area

Custom scrollbar styling with overflow detection and gradient fade indicators.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/scroll-area.json

View component

Scroll To Top

Button that appears after scrolling to quickly return to the top.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/scroll-to-top.json

View component

Search Autocomplete

Search input with dropdown suggestions, keyboard navigation, and loading states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/search-autocomplete.json

View component

Select

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/select.json

View component

Share Buttons

Row of social share buttons for X, LinkedIn, and copy link actions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/share-buttons.json

View component

Sheet

Bottom sheet with drag to dismiss and snap points for quick resizing.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/sheet.json

View component

Sidebar Nav

Collapsible sidebar navigation with nested items, icons, and active states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/sidebar-nav.json

View component

Signature Pad

Canvas-based signature capture with clear and save actions, plus touch support.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/signature-pad.json

View component

Signup Form

Registration form with password strength indicator, validation states, and terms checkbox.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/signup-form.json

View component

Skeleton Loader

Configurable skeleton loader with text, avatar, and card layouts.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/skeleton-loader.json

View component

Slider Marks

Range slider with labeled tick marks for clear interval selection.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/slider-marks.json

View component

Snackbar

Bottom-positioned lightweight notification with optional action button and auto-dismiss.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/snackbar.json

View component

Social Auth Buttons

Google, GitHub, and Apple sign-in buttons with inline SVG icons. Supports stacked or inline layout.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/social-auth-buttons.json

View component

Social Login Buttons

Google, GitHub, Apple, and Discord sign-in buttons with icons and optional divider.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/social-login-buttons.json

View component

Social Proof

A trusted by section with logo tiles for customer validation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/social-proof.json

View component

Social Proof Bar

A compact trust bar with company count, customer count, and logo placeholders.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/social-proof-bar.json

View component

Spark Line

Compact metric row with a tiny inline sparkline.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/spark-line.json

View component

Split Layout

Two-pane layout with a resizable divider, supporting horizontal and vertical orientations.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/split-layout.json

View component

Split Pane

Resizable side by side panels with a drag handle.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/split-pane.json

View component

Spotlight Cursor

Spotlight overlay that follows the cursor to reveal a soft accent glow.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/spotlight-cursor.json

View component

Spotlight Search

Full screen search overlay with command style results and shortcuts.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/spotlight-search.json

View component

Stat Comparison

Before and after comparison with trend indicator.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/stat-comparison.json

View component

Status Badge

Badge with dot indicator for success, warning, error, info, and pending states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/status-badge.json

View component

Status Dot

Simple status indicator dot with online, offline, busy, and away variants. Supports pulse animation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/status-dot.json

View component

Sticky Header

Header that sticks to the top on scroll with smooth shadow transition.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/sticky-header.json

View component

System Status

Status indicator pill with tooltip for operational, degraded, and outage states.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/system-status.json

View component

Tab Bar

Mobile style bottom tab bar with icons, labels, and badges.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/tab-bar.json

View component

Tags Input

Add and remove tags with keyboard support, validation, and duplicate prevention.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/tags-input.json

View component

Team Member

Team member card with photo, role, and social links.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/team-member.json

View component

Terminal Window

Retro terminal window with title bar, prompt, and typing effect.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/terminal-window.json

View component

Textarea

A multi-line text input with 8 style presets including modern, glassmorphism, neumorphism, brutalist, retro-mac, windows-95, flat, and skeuomorphic.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/textarea.json

View component

Theme Switcher

Toggle group for light, dark, and system theme preferences with inline SVG icons.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/theme-switcher.json

View component

Time Picker

Hour and minute selector with AM/PM toggle and popup interface.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/time-picker.json

View component

Timeline Vertical

Vertical timeline with connector lines, icons, and date labels.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/timeline-vertical.json

View component

Tooltip Fancy

Rich tooltip with arrow, delay, and multiple positions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/tooltip-fancy.json

View component

User Avatar Group

Stacked avatar group with overflow count.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/user-avatar-group.json

View component

User List

List of users with avatar, name, status indicator, and action buttons.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/user-list.json

View component

User Mention

Inline mention badge for linking to user profiles.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/user-mention.json

View component

User Menu

Dropdown menu with avatar trigger, profile links, settings, and logout.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/user-menu.json

View component

User Profile Card

Profile card with avatar, name, bio, stats (followers, following, posts), and follow button.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/user-profile-card.json

View component

Blocks

Cta Dual Action Panel

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/cta-dual-action-panel.json

View block

Cta Hero Banner

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/cta-hero-banner.json

View block

Cta Progress Banner

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/cta-progress-banner.json

View block

Cta Sidecar Input

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/cta-sidecar-input.json

View block

Features Command List

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-command-list.json

View block

Features Grid Spotlight

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-grid-spotlight.json

View block

Features Proof Board

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-proof-board.json

View block

Features Stacked Highlights

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-stacked-highlights.json

View block

Features Stepper Panels

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-stepper-panels.json

View block

Features Tilted Panels

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/features-tilted-panels.json

View block

Hero Briefing Pane

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-briefing-pane.json

View block

Hero Editorial Stack

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-editorial-stack.json

View block

Hero Metrics Lattice

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-metrics-lattice.json

View block

Hero Ops Console

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-ops-console.json

View block

Hero Product Studio

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-product-studio.json

View block

Hero Spotlight Stack

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-spotlight-stack.json

View block

Logo Cloud

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/logo-cloud.json

View block

Newsletter Capture

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/newsletter-capture.json

View block

Pricing Comparison

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/pricing-comparison.json

View block

Social Proof Section

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/social-proof-section.json

View block

Testimonials Highlight Stack

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/testimonials-highlight-stack.json

View block

Testimonials Mosaic

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/testimonials-mosaic.json

View block

Testimonials Quote Grid

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/testimonials-quote-grid.json

View block

Layouts

Admin Dashboard Layout

View layout

Blog Post Layout

View layout

Documentation Layout

View layout

Ecommerce Product Layout

View layout

Portfolio Layout

View layout

Pricing Page Layout

View layout

Quick Start

Add any component to your project with the shadcn CLI:

npx shadcn@latest add https://ui-destination.vercel.app/r/[component].json

Browse all components at /components.