Scope

Search items

Animated

Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.

ReactTailwindLoader
Animated

Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with staggered items. Position-aware (opens upward when needed).

ReactTailwind

Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId: one continuous surface that grows open and shrinks back, never detaching.

ReactTailwind
Wheel Picker

iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.

ReactTailwind

Pattern fill for the plot area when grid lines are hidden

ReactTailwindBackground
Bar Depth

3D depth and glossy glass surfaces for BarChart bars

ReactTailwindChart

Composable tooltip components for charts

ReactTailwindChart

Grid lines for charts

ReactTailwind
Legend

Composable legend components for charts

ReactTailwindList
Chart Markers

Marker components for highlighting data points on charts

ReactTailwind

Forecast segment extending a line series past the last data point

ReactTailwind

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

ReactTailwind

X-axis component for time-series charts

ReactTailwind

Y-axis component for value labels in line and area charts

ReactTailwind

An agent avatar with status indicators, glowing rings, and optional pulse animation.

ReactTailwind
Beam Marker

A map-style beam marker with coordinates, labels, glowing accents, and HUD corners.

ReactTailwind
Chip

A compact selectable or removable chip with monospace HUD styling.

ReactTailwind
Separator

A horizontal or vertical divider with optional labels and Tron-style glow variants.

ReactTailwind

A labeled progress bar with status glows, animated stripes, and scanline styling.

ReactTailwind

A circular progress indicator with configurable size, status color, glow, and pulse.

ReactTailwind
Rating

A configurable rating display with selectable values, status colors, and optional glow.

ReactTailwind
Regen Indicator

A pulsing regeneration status readout with cyan bars and monospace labeling.

ReactTailwind

An animated targeting reticle with configurable size and status-color variants.

ReactTailwind