@delta
A modern shadcn/ui registry by Patrick Prunty covering AI and media-rich interface components: streaming LLM chat widget, zoomable images, swipeable card deck, Mapbox map pointer, QR code generator, OTP input, code block, admonition/callout, scroll-fade effect, tabs, product card, and X (Twitter) card. Also includes dashboard and landing-page section blocks. Built with React and Tailwind CSS; v0-compatible. Free and MIT-licensed. Use for: adding a curated set of AI chat, media display, and map components to a shadcn project in one registry pull.
Install this registry
npx shadcn@latest add https://deltacomponents.dev/r/registry.json pnpm dlx shadcn@latest add https://deltacomponents.dev/r/registry.json bunx shadcn@latest add https://deltacomponents.dev/r/registry.json curl -s https://deltacomponents.dev/r/registry.json Components
18 totalEight-level surface and shadow ladder for elevation. Light: two color steps then flat white, differentiated by shadow. Dark: additive white-opacity ladder with…
npx shadcn@latest add https://deltacomponents.dev/r/surfaces.json Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-active), the selected fill, the destructive-light ground, the --overlay R…
npx shadcn@latest add https://deltacomponents.dev/r/tokens.json Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.
npx shadcn@latest add https://deltacomponents.dev/r/utils.json Three duration tiers and one easing, as CSS custom properties: --motion-fast/moderate/slow with a matching -exit for each, and --motion-ease, the settle curve …
npx shadcn@latest add https://deltacomponents.dev/r/motion.json Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variation-settings.
npx shadcn@latest add https://deltacomponents.dev/r/font-weight.json React context that tracks the current substrate elevation level. Elevated components (Dropdown, Select, etc.) read it via useSurface() and render at substrate …
npx shadcn@latest add https://deltacomponents.dev/r/surface-context.json Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tailwind v4 cannot detect template-literal class names.
npx shadcn@latest add https://deltacomponents.dev/r/surface-classes.json Named icon slots with a Lucide default set; swap any icon via IconProvider.
npx shadcn@latest add https://deltacomponents.dev/r/icon-context.json Copy text to the clipboard, falling back to a selection and execCommand where the async Clipboard API is unavailable — which includes any page served over plai…
npx shadcn@latest add https://deltacomponents.dev/r/clipboard.json Versatile button with variants, sizes, loading state, and icon support.
npx shadcn@latest add https://deltacomponents.dev/r/button.json Floating tooltip with configurable placement, a follow-cursor mode, and rich content support.
npx shadcn@latest add https://deltacomponents.dev/r/tooltip.json Tab navigation with underline, background, and ghost variants, and an indicator that follows the shape system.
npx shadcn@latest add https://deltacomponents.dev/r/tabs.json Syntax-highlighted code with a copy button, a filename bar, and a package-manager tab strip.
npx shadcn@latest add https://deltacomponents.dev/r/code.json Compound card for commerce rows — image well, overlaid badge, and a title/subtitle/metric footer.
npx shadcn@latest add https://deltacomponents.dev/r/product-card.json The Twitter/X-style verified checkmark, with the check cut out of the rosette as a real hole via an SVG mask so whatever sits behind it shows through.
npx shadcn@latest add https://deltacomponents.dev/r/glyph.json Inline callout carried by a pastel fill alone, no border or icon, that turns into pastel ink on a faint wash in dark mode.
npx shadcn@latest add https://deltacomponents.dev/r/alert.json Always-on live-preview markdown editor: one surface that is both the rendered document and the text you type into, with debounced autosave and a per-construct …
npx shadcn@latest add https://deltacomponents.dev/r/editor.json Inline audio player with a transport, an elapsed/remaining clock, and a seek bar that renders as a line or a waveform of precomputed peaks.
npx shadcn@latest add https://deltacomponents.dev/r/mp3-player.json