neon-ui
ui.neon.comFreemanifest served live
The official Neon UI Registry production-ready components, blocks, and starter kits for building modern applications on Neon.
Items
77
2026-08-03Every entry in its own registry.json, counted last night.Free to install
77
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
2 days ago
4 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| ActivityFeedactivity-feed | A chronological feed of system events (provision, transfer, agent) on a status-vocabulary timeline, with expandable detail and optional per-entry actions. | Components | Free | 2 deps | |
| AgentChatagent-chat | Full agent chat pane: streamed markdown turns, tool chips, reasoning, and a composer with a model-controls slot. | Components | Free | 6 deps | |
| AnimatedWashanimated-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). | Components | Free | no deps · 2 files | |
| ApiKeyListapi-key-list | Create, reveal-once, and revoke Neon API keys (personal and organization), with an inline create flow, a one-time secret reveal, and per-row revoke confirmation. | Components | Free | 2 deps | |
| AppCardapp-card | Tenant dashboard grid card composing the status vocabulary: name, badges, timestamp, one-link hover. | Components | Free | 2 deps | |
| AppCreatorapp-creator | The describe-an-app bar: auto-growing prompt, free/paid plan segment, and a create action with an in-flight state. | Components | Free | 2 deps | |
| AuthFormauth-form | The email/password card: mode switching, providers, structured errors, and a working state — Better Auth-shaped. | Components | Free | no deps | |
| AutoscaleChartautoscale-chart | Autoscaling compute units over time against the min/max bounds, with a scrubable readout. | Components | Free | 1 dep | |
| Badgebadge | Status badge primitive (Base UI render pattern). | Components | Free | 2 deps | |
| BannerPatternbanner-pattern | The neon.com banner dot pattern as a live WebGL surface: a square-dot grid sampling a drifting green-to-amber field. | Components | Free | no deps · 2 files | |
| BranchDiffbranch-diff | Schema and row-level comparison between two branches with change counts, search, kind filters, and expandable DDL and word-level value diffs. | Components | Free | 3 deps · 2 files | |
| BranchPickerbranch-picker | A searchable branch selector with default/protected status and an inline create-branch affordance. | Components | Free | 2 deps | |
| BranchTreebranch-tree | A drawn branch graph: nodes colored by compute state, curved edges to each parent, default and selected marked. | Components | Free | 2 deps | |
| BranchUsageTablebranch-usage-table | Per-branch consumption attribution: sortable metric columns, magnitude rules, an expandable tail, and a list layout for a single metric. | Components | Free | no deps | |
| Bubblebubble | Chat bubble primitive with grouping and reactions. | Components | Free | 2 deps | |
| Buttonbutton | Neon-themed button primitive with variants (Base UI). | Components | Free | 2 deps | |
| Cardcard | Neon-themed card container primitive and its sub-parts. | Components | Free | no deps | |
| ChainOfThoughtchain-of-thought | Collapsible step-by-step reasoning rail with statuses, search-result chips, and images. | Components | Free | 3 deps | |
| Chartchart | shadcn chart primitives (Recharts container, tooltip, legend) themed to the Neon tokens. | Components | Free | 1 dep | |
| CheckpointTimelinecheckpoint-timeline | Checkpoint history rail with git sha, snapshot indicator, project id, restore with busy state, and empty state. | Components | Free | no deps | |
| ColorPickercolor-picker | Swatch-and-hex trigger opening an HSV field, hue rail, hex input, and preset swatches. | Components | Free | 3 deps | |
| ComputeStatuscompute-status | Compact compute readout: lifecycle state (active/idle/scaling/suspended), autoscaling CU size, and scale-to-zero, in the house status vocabulary. | Components | Free | no deps | |
| ConfirmDialogconfirm-dialog | Destructive confirmation modal armed by press-and-hold, with keyboard hold support. | Components | Free | no deps | |
| ConsumptionChartconsumption-chart | Interactive consumption time series with labelled axes, unit-aware totals, a scrubbable readout, and a legend that filters. | Components | Free | 1 dep · 2 files | |
| CostEstimateCardcost-estimate-card | Invoice-shaped cost estimate: quantity by rate per metric, allowances shown, with an optional spending-limit meter. | Components | Free | no deps | |
| DateRangePickerdate-range-picker | Custom date range picker: mono pill trigger, preset rail, hand-built month grid with range wash. | Components | Free | no deps | |
| DBConnectionCarddb-connection-card | Neon database connection card: pooled/direct toggle, role and database selectors, URI / psql / parameters views, one shared secret reveal, and copy that always carries the real string. | Components | Free | 2 deps | |
| Dialogdialog | Base UI dialog in the house chrome: card panel, hairline border, quiet rise. | Components | Free | 1 dep | |
| DotMatrixWavedot-matrix-wave | Field of dots breathing in a drifting noise wave, colored by currentColor. The RegionSelect dot-map aesthetic as a background surface. | Components | Free | no deps · 2 files | |
| ElasticSliderelastic-slider | Slider with elastic rubber-band drag and magnetic snap (by @iamncdai, MIT). | Components | Free | 1 dep · 2 files | |
| EmptyStateempty-state | Intentional dashed-border placeholder with title, description, icon, and action slots. | Components | Free | no deps | |
| HalftoneBloomhalftone-bloom | Halftone ring field revealed by soft drifting color blooms: teal and amber light behind a punched-metal screen. | Components | Free | no deps · 2 files | |
| HealthCardhealth-card | Project health rollup on the MetricCard shell: an overall status pill and tint over a mono grid of supporting signals (latency, errors, uptime). | Components | Free | 2 deps | |
| InlineCitationinline-citation | Inline source pill that previews stacked citations on hover and links to the source on click. | Components | Free | 1 dep | |
| Inputinput | Accessible text input primitive (Base UI). | Components | Free | 1 dep | |
| Labellabel | Form label primitive. | Components | Free | no deps | |
| LogsViewerlogs-viewer | Virtualized, follow-tailing log pane with ANSI colors, level filters, search, and a retention cap. | Components | Free | 3 deps · 2 files | |
| Markermarker | Inline conversation status marker. | Components | Free | 2 deps | |
| MeshGradientmesh-gradient | The Neon brand-deck gradient as a live WebGL surface: a defocused warm color field drifting over near-black. | Components | Free | no deps · 2 files | |
| Messagemessage | Conversation message layout primitive with avatar, content, and footer. | Components | Free | no deps | |
| MessageScrollermessage-scroller | Chat scroll container with turn anchoring, auto-follow, and jump-to-latest. | Components | Free | 3 deps | |
| MetricCardmetric-card | Analytics card with a formatted value, signed delta, and interactive Visx sparkline. | Components | Free | 3 deps | |
| ModelSelectmodel-select | Model picker for agent chat input bars, grouped by provider. | Components | Free | 4 deps | |
| NeonAuroraneon-aurora | The neon.com hero as a live WebGL surface: clusters of thin vertical bars twinkling in green, teal, and blue. | Components | Free | no deps · 2 files | |
| NeonLoaderneon-loader | Noise-resolve loading indicator animated from the official Neon mark. | Components | Free | no deps | |
| Popoverpopover | Base UI popover in the house chrome. | Components | Free | 1 dep | |
| PreviewFramepreview-frame | Sandbox iframe with wake, restart, and refresh lifecycle, reload-on-signal, and chrome header. | Components | Free | no deps | |
| ProvisioningStatusprovisioning-status | Provisioning, waking, and error panel states composing NeonLoader with a live status detail line. | Components | Free | no deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| CreateProjectcreate-project | Create-project onboarding panel: project form on the left, the interactive region map on the right. | Blocks | Free | 2 deps |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useConsumptionHistoryuse-consumption-history | Fetches consumption history through your own proxy route and shapes it into buckets and totals. | Hooks | Free | no deps | |
| useGatewayModelsuse-gateway-models | Fetches a gateway model catalog and keeps the selection valid against it: explicit pick, then preferred default, then first available. | Hooks | Free | no deps | |
| useRegionPinguse-region-ping | Measures browser round-trip latency to per-region endpoints via opaque no-cors requests. | Hooks | Free | no deps |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Neon Theme Tokensneon-tokens | Neon palette and design tokens for Tailwind v4. | Themes | Free | no deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Consumption metricsconsumption | Types, unit conversion, allowances, and cost math for the Neon v2 consumption API. | Utilities | Free | no deps | |
| Neon Clientneon-client | Shared Neon API client factory used by neon-ui data hooks. | Utilities | Free | 1 dep | |
| cn utilityutils | Tailwind class-name merge helper used across neon-ui components. | Utilities | Free | 2 deps |
