Registries
ActiveAnimated components5

@neon-ui

Animated components · MIT · data updated 2026-09-05

Production-ready components for agent platforms built on Neon. Database branching, connection strings, usage metering and project management UI, built with Base UI and Tailwind v4.

@neon-ui preview
3daianimationauthbackgroundsbuttonscardschartsformshooksloadersmapsnavigationoverlaystables

Install

npx shadcn@latest add https://ui.neon.com/r/registry.json

Health

StatusActive
Last commit4 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars5

Components (77)

neon-tokensutilsbuttoncardbadgechartskeletontabstooltipneon-loaderlabelinputselectswitchelastic-slidermodel-selectthinking-selectthinking-model-selectmessagebubblemarkermessage-scrollertool-call-chipagent-chatreasoningchain-of-thoughtinline-citationmetric-cardhealth-cardneon-clientstatus-badgeempty-stateapp-cardanimated-washcolor-pickerapp-creatorauth-formneon-auroramesh-gradientbanner-patterndot-matrix-wavehalftone-bloompreview-frameworkspace-tabsprovisioning-statusregion-cardregion-selectregion-globeuse-gateway-modelsuse-region-pingbranch-pickerbranch-treeautoscale-chartlogs-viewerbranch-diffschema-explorersql-runnerquery-historycheckpoint-timelinedb-connection-card
Components: neon-tokens, utils, button, card, badge, chart, skeleton, tabs, tooltip, neon-loader, label, input, select, switch, elastic-slider, model-select, thinking-select, thinking-model-select, message, bubble, marker, message-scroller, tool-call-chip, agent-chat, reasoning, chain-of-thought, inline-citation, metric-card, health-card, neon-client, status-badge, empty-state, app-card, animated-wash, color-picker, app-creator, auth-form, neon-aurora, mesh-gradient, banner-pattern, dot-matrix-wave, halftone-bloom, preview-frame, workspace-tabs, provisioning-status, region-card, region-select, region-globe, use-gateway-models, use-region-ping, branch-picker, branch-tree, autoscale-chart, logs-viewer, branch-diff, schema-explorer, sql-runner, query-history, checkpoint-timeline, db-connection-card, api-key-list, activity-feed, compute-status, dialog, confirm-dialog, usage-card, usage-panel, popover, date-range-picker, upgrade-dialog, create-project, consumption, use-consumption-history, consumption-chart, storage-breakdown, cost-estimate-card, branch-usage-table

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@neon-ui · neon-tokens

npx shadcn@latest add https://ui.neon.com/r/neon-tokens.json
View source