All available components in the DeDevs UI registry across various application domains

Component Registry

The DeDevs UI registry contains specialized components across multiple domains that you can add to your project. These components are designed for AI interfaces, blockchain/Web3 applications, developer portfolios, and general-purpose modern web applications.

Available Components

accordion

A customizable accordion component.

npx dedevs-ui add accordion

Dependencies: react, @radix-ui/react-accordion, lucide-react Registry Dependencies: None

alert

A customizable alert component.

npx dedevs-ui add alert

Dependencies: react, class-variance-authority Registry Dependencies: None

alert-dialog

A customizable alert-dialog component.

npx dedevs-ui add alert-dialog

Dependencies: react, @radix-ui/react-alert-dialog Registry Dependencies: None

aspect-ratio

A customizable aspect-ratio component.

npx dedevs-ui add aspect-ratio

Dependencies: @radix-ui/react-aspect-ratio Registry Dependencies: None

avatar

A customizable avatar component.

npx dedevs-ui add avatar

Dependencies: react, @radix-ui/react-avatar Registry Dependencies: None

badge

A customizable badge component.

npx dedevs-ui add badge

Dependencies: react, @radix-ui/react-slot, class-variance-authority Registry Dependencies: None

A customizable breadcrumb component.

npx dedevs-ui add breadcrumb

Dependencies: react, @radix-ui/react-slot, lucide-react Registry Dependencies: None

button

A customizable button component.

npx dedevs-ui add button

Dependencies: react, @radix-ui/react-slot, class-variance-authority Registry Dependencies: None

calendar

A customizable calendar component.

npx dedevs-ui add calendar

Dependencies: react, react-day-picker Registry Dependencies: None

card

A customizable card component.

npx dedevs-ui add card

Dependencies: react Registry Dependencies: None

carousel

A customizable carousel component.

npx dedevs-ui add carousel

Dependencies: react, lucide-react Registry Dependencies: None

chart

A customizable chart component.

npx dedevs-ui add chart

Dependencies: react, recharts Registry Dependencies: None

checkbox

A customizable checkbox component.

npx dedevs-ui add checkbox

Dependencies: react, @radix-ui/react-checkbox, lucide-react Registry Dependencies: None

collapsible

A customizable collapsible component.

npx dedevs-ui add collapsible

Dependencies: @radix-ui/react-collapsible Registry Dependencies: None

command

A customizable command component.

npx dedevs-ui add command

Dependencies: react, cmdk, lucide-react Registry Dependencies: None

A customizable context-menu component.

npx dedevs-ui add context-menu

Dependencies: react, @radix-ui/react-context-menu, lucide-react Registry Dependencies: None

dialog

A customizable dialog component.

npx dedevs-ui add dialog

Dependencies: react, @radix-ui/react-dialog, lucide-react Registry Dependencies: None

drawer

A customizable drawer component.

npx dedevs-ui add drawer

Dependencies: react, vaul Registry Dependencies: None

A customizable dropdown-menu component.

npx dedevs-ui add dropdown-menu

Dependencies: react, @radix-ui/react-dropdown-menu, lucide-react Registry Dependencies: None

form

A customizable form component.

npx dedevs-ui add form

Dependencies: react, @radix-ui/react-label, @radix-ui/react-slot Registry Dependencies: None

A customizable hover-card component.

npx dedevs-ui add hover-card

Dependencies: react, @radix-ui/react-hover-card Registry Dependencies: None

input

A customizable input component.

npx dedevs-ui add input

Dependencies: react Registry Dependencies: None

input-otp

A customizable input-otp component.

npx dedevs-ui add input-otp

Dependencies: react, input-otp, lucide-react Registry Dependencies: None

label

A customizable label component.

npx dedevs-ui add label

Dependencies: react, @radix-ui/react-label Registry Dependencies: None

menubar

A customizable menubar component.

npx dedevs-ui add menubar

Dependencies: react, @radix-ui/react-menubar, lucide-react Registry Dependencies: None

A customizable navigation-menu component.

npx dedevs-ui add navigation-menu

Dependencies: react, @radix-ui/react-navigation-menu, class-variance-authority, lucide-react Registry Dependencies: None

pagination

A customizable pagination component.

npx dedevs-ui add pagination

Dependencies: react Registry Dependencies: None

A customizable popover component.

npx dedevs-ui add popover

Dependencies: react, @radix-ui/react-popover Registry Dependencies: None

progress

A customizable progress component.

npx dedevs-ui add progress

Dependencies: react, @radix-ui/react-progress Registry Dependencies: None

radio-group

A customizable radio-group component.

npx dedevs-ui add radio-group

Dependencies: react, @radix-ui/react-radio-group, lucide-react Registry Dependencies: None

resizable

A customizable resizable component.

npx dedevs-ui add resizable

Dependencies: react, lucide-react, react-resizable-panels Registry Dependencies: None

scroll-area

A customizable scroll-area component.

npx dedevs-ui add scroll-area

Dependencies: react, @radix-ui/react-scroll-area Registry Dependencies: None

select

A customizable select component.

npx dedevs-ui add select

Dependencies: react, @radix-ui/react-select, lucide-react Registry Dependencies: None

separator

A customizable separator component.

npx dedevs-ui add separator

Dependencies: react, @radix-ui/react-separator Registry Dependencies: None

sheet

A customizable sheet component.

npx dedevs-ui add sheet

Dependencies: react, @radix-ui/react-dialog, lucide-react Registry Dependencies: None

A customizable sidebar component.

npx dedevs-ui add sidebar

Dependencies: react, @radix-ui/react-slot, class-variance-authority, lucide-react Registry Dependencies: None

skeleton

A customizable skeleton component.

npx dedevs-ui add skeleton

Dependencies: None Registry Dependencies: None

slider

A customizable slider component.

npx dedevs-ui add slider

Dependencies: react, @radix-ui/react-slider Registry Dependencies: None

sonner

A customizable sonner component.

npx dedevs-ui add sonner

Dependencies: next-themes, sonner Registry Dependencies: None

switch

A customizable switch component.

npx dedevs-ui add switch

Dependencies: react, @radix-ui/react-switch Registry Dependencies: None

table

A customizable table component.

npx dedevs-ui add table

Dependencies: react Registry Dependencies: None

tabs

A customizable tabs component.

npx dedevs-ui add tabs

Dependencies: react, @radix-ui/react-tabs Registry Dependencies: None

textarea

A customizable textarea component.

npx dedevs-ui add textarea

Dependencies: react Registry Dependencies: None

toast

A customizable toast component.

npx dedevs-ui add toast

Dependencies: react, radix-ui, class-variance-authority, @radix-ui/react-icons Registry Dependencies: None

toaster

A customizable toaster component.

npx dedevs-ui add toaster

Dependencies: None Registry Dependencies: None

toggle

A customizable toggle component.

npx dedevs-ui add toggle

Dependencies: react, @radix-ui/react-toggle, class-variance-authority Registry Dependencies: None

toggle-group

A customizable toggle-group component.

npx dedevs-ui add toggle-group

Dependencies: react, @radix-ui/react-toggle-group, class-variance-authority Registry Dependencies: None

A customizable tooltip component.

npx dedevs-ui add tooltip

Dependencies: react, @radix-ui/react-tooltip Registry Dependencies: None

Installation

To install any component, use the DeDevs UI CLI:

npx dedevs-ui add [component-name]

You can also install multiple components at once:

npx dedevs-ui add button card dialog

Component Registry

On this page