Dice UI

Dice UI

Action Bar

Button

A floating action bar that appears at the bottom or top of the viewport to display contextual actions for selected items.

Dice UI

Angle Slider

Input

An interactive circular slider for selecting angles with support for single values and ranges.

Dice UI

Avatar Group

Avatar

A component that arranges avatars with overlapping visual effects for displaying multiple users or items.

Dice UI

Badge Overflow

Badge

A component that measures available space and displays only the badges that fit with an overflow indicator.

Dice UI

Banner

Feedback

A notification banner that appears at the top or bottom of the viewport with support for queuing, priority, and automatic dismissal.

Dice UI

Circular Progress

Loader

A circular progress indicator that displays completion in a ring format with support for indeterminate states.

Dice UI

Client Only

Utility

Renders client-only components with hydration and fallback support.

Dice UI

Color Picker

Input

A color picker component that allows users to select colors using various input methods.

Dice UI

Color Swatch

Input

A color swatch component for displaying color values with support for transparency and various sizes.

Dice UI

Compare Slider

Media

An interactive before-and-after slider for comparing two elements side by side.

Dice UI

Cropper

Editor

An image and video cropper with zoom, rotation, and customizable crop areas.

Dice UI

Direction Provider

Utility

Provides bidirectional text support for right-to-left and left-to-right layouts across an application.

Dice UI

Editable

Editor

An accessible inline editable component for editing text content in place.

Dice UI

File Upload

Upload

A file upload component with drag and drop, previews, and progress tracking.

Dice UI

FPS

Badge

A real-time frames-per-second counter component for monitoring performance.

Dice UI

Gauge

Chart

A gauge component that displays values on circular or partial arcs for dashboards, metrics, and key performance indicators.

Dice UI

Key Value

Table

A dynamic input component for managing key-value pairs with paste support and validation.

Dice UI

Marquee

Animated

An animated scrolling component that continuously moves content horizontally or vertically.

Dice UI

Mask Input

Input

An input component that formats user input with predefined patterns such as phone numbers, dates, and credit cards.

Dice UI

Masonry

List

A responsive masonry layout component for displaying items in a grid.

Dice UI

Media Player

Media

A media player component that supports video and audio playback with custom controls.

Dice UI

Phone Input

Input

An accessible phone input component with automatic country detection and international phone number formatting.

Dice UI

Portal

Utility

Renders React elements into a different part of the DOM tree.

Dice UI

Presence

Utility

Manages element mounting and unmounting with animation support.

Dice UI

QR Code

Media

A component for generating and displaying QR codes with customization options.

Dice UI

Rating

Input

An accessible rating component that supports half values, keyboard navigation, and form integration.

Dice UI

Relative Time Card

Card

A hover card that displays relative and local times with timezone information.

Dice UI

Responsive Dialog

Overlay

A dialog component that automatically switches between a centered dialog on desktop and a bottom drawer on mobile.

Dice UI

Scroll Spy

Navigation

Updates navigation links based on scroll position with support for nested sections and customizable behavior.

Dice UI

Scroller

List

A scrollable container with customizable scroll shadows and navigation buttons.

Dice UI

Segmented Input

Input

A group of connected input fields that appear as a single segmented visual unit.

Dice UI

Selection Toolbar

Overlay

A floating toolbar that appears on text selection with formatting and utility actions.

Dice UI

Speed Dial

Menu

A floating action button that reveals a set of actions when triggered.

Dice UI

Stack

Animated

A component that displays items in a stacked layout with hover expansion effects.

Dice UI

Stat

Card

A component for displaying key metrics and statistics with support for trends, indicators, and descriptions.

Dice UI

Status

Animated

A status indicator with an animated ping effect and color variants for system states, user presence, and service health.

Dice UI

Stepper

Navigation

A component that guides users through a multi-step process with clear visual progress indicators.

Dice UI

Swap

Animated

A component that swaps between two states with click or hover activation modes.

Dice UI

Time Picker

Input

An accessible time picker with inline editing, dropdown selection, and automatic adaptation to the user's 12-hour or 24-hour locale format.

Dice UI

Timeline

Timeline

A timeline component for displaying chronological events with support for different orientations, right-to-left layouts, and visual states.

Dice UI

Tour

Flow

A guided tour component that highlights elements and provides step-by-step instructions to help users learn an application.

Dice UI

Visually Hidden Input

Input

A hidden input that remains accessible to assistive technology and maintains form functionality.