Introduction

What Delta Components is, and how to use it

The goal of this registry is to curate the components nearly every project needs but people procrastinate developing thoroughly due to their complexity. Once built, components like these by nature, tend to become coupled to the design system they were built in. This registry is an effort to keep them decoupled and extensible.

How to use it

Each component page includes a live preview, the install command, usage, and props. Use the Customise panel to preview components against your theme, radius, size, and icon set (Lucide, Tabler, Phosphor, HugeIcons, or Untitled UI) before you add them.

Installing one is a single command, and every component page prints its own ready to copy:

npx shadcn@latest add https://www.deltacomponents.dev/r/{componentName}.json

The CLI writes the component into components/ui/ and anything it depends on into lib/, so what lands in your project is yours to edit.

Text first

Text is still the strongest form of media on the web. It loads fastest, it's searchable, it's accessible by default, and it survives every screen size and connection. Images, video, and animation are secondary: they support the text, and they earn their place only when they carry something the text can't.

Every component here is built on that premise. Typography, spacing, and legibility come first; motion and imagery are additive. If you're building for the web, your focus should be there. Delta Components is for the polish.