Element

Search items

Knockout Bracket

Google-style tournament bracket that pages one round at a time: the leftmost round stacks compactly while later rounds center between their feeder matches, with cards, elbow connectors, headers and container height animating to every new layout.

ReactTailwind

A composable area chart with gradient fills and animations

ReactTailwindChart

Pattern fill for the plot area when grid lines are hidden

ReactTailwindBackground

A composable bar chart with horizontal/vertical orientations and animations

ReactTailwindChart
Bar Depth

3D depth and glossy glass surfaces for BarChart bars

ReactTailwindChart

A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions

ReactTailwind

Composable tooltip components for charts

ReactTailwindChart

Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)

ReactTailwind

An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations

ReactTailwindChart

Notch-based radial or linear gauge with optional center label, patterns, and optional gradients

ReactTailwind

Grid lines for charts

ReactTailwind

A contribution heatmap with animated cells and configurable level colors

ReactTailwindChart
Legend

Composable legend components for charts

ReactTailwindList

A composable line chart with multiple series support

ReactTailwind

Real-time streaming line chart with smooth scrolling, crosshair, and animated axes

ReactTailwindChart
Chart Markers

Marker components for highlighting data points on charts

ReactTailwind

A composable pie chart with animations and customizable slices

ReactTailwindChart

Forecast segment extending a line series past the last data point

ReactTailwind

A composable radar/spider chart with multiple data series

ReactTailwind

Shaded data-coordinate band for target ranges and thresholds on time-series charts

ReactTailwind

A composable donut/ring chart with progress indicators

ReactTailwind

A flow diagram for visualizing data transfers between nodes

ReactTailwind