Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactSelf-contained

AnimatedWash

animated-wash

WebGL grain-gradient shader wash rising from the bottom edge, colored by currentColor with a hover lift. Adapted from paper-design/shaders (Apache-2.0).

@neon-uiRegistry JSON
Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

@neon-ui

More from @neon-ui

All 77 items

Compact compute readout: lifecycle state (active/idle/scaling/suspended), autoscaling CU size, and scale-to-zero, in the house status vocabulary.

ComputeStatus
compute-status
Component

Interactive consumption time series with labelled axes, unit-aware totals, a scrubbable readout, and a legend that filters.

ConsumptionChart
consumption-chart
Component

Invoice-shaped cost estimate: quantity by rate per metric, allowances shown, with an optional spending-limit meter.

CostEstimateCard
cost-estimate-card
Component

Storage composition by volume or by cost — root, child, instant restore, and snapshots as one bar with per-segment shares.

StorageBreakdown
storage-breakdown
Component

Custom date range picker: mono pill trigger, preset rail, hand-built month grid with range wash.

DateRangePicker
date-range-picker
Component

Accessible tab navigation primitive (Base UI).

Tabs
tabs
Component

Base UI dialog in the house chrome: card panel, hairline border, quiet rise.

Dialog
dialog
Component

Reasoning-effort selector: Off, Low, Medium, High.

ThinkingSelect
thinking-select
Component