Dioxus Components

Accessible, customizable components for Dioxus.

Dioxus components is a shadcn-inspired library of components built on top of Dioxus primitives

Find a component

Add it with dx

Customize it for your project

accordion

alert dialog

aspect ratio

avatar

Basic Usage

User avatarEA

Rounded

User avatarEA

Error State

Invalid imageJK

Large Size

Large avatarDX

badge

PrimarySecondaryDestructiveOutlineVerified

button

calendar

May2026

checkbox

collapsible

Added a new feature to the collapsible component

color picker

combobox

context menu

card

Login to your account
Enter your email below to login to your account

date picker

YYYYMMDD

dialog

drag and drop list

Launch priorities

Drag to reorder - top is highest priority

6 active
Press Enter to start reordering. Use Arrow keys to change position. Press Enter to confirm or Escape to cancel.
  • Ship Q2 product roadmap
    LNC-128In progressToday
    Assigned to JSJS
  • Redesign onboarding flow
    LNC-142In reviewApr 24
    Assigned to MPMP
  • Audit payment webhook logs
    LNC-147In progressApr 29
    Assigned to KTKT
  • Draft changelog for v2.4
    LNC-151To doMay 02
    Assigned to ARAR
  • Migrate analytics to ClickHouse
    LNC-156BlockedMay 05
    Assigned to DLDL
  • Archive legacy API endpoints
    LNC-160BacklogLater
    Assigned to SCSC

dropdown menu

hover card

Dioxus

input

item

Basic Item

A simple item with title and description.

Your profile has been verified.

label

menubar

navbar

pagination

popover

progress

radio group

virtual list

Scroll this page to verify virtualized rendering with dynamic row heights.

scroll area

Scrollable content item 1

Scrollable content item 2

Scrollable content item 3

Scrollable content item 4

Scrollable content item 5

Scrollable content item 6

Scrollable content item 7

Scrollable content item 8

Scrollable content item 9

Scrollable content item 10

Scrollable content item 11

Scrollable content item 12

Scrollable content item 13

Scrollable content item 14

Scrollable content item 15

Scrollable content item 16

Scrollable content item 17

Scrollable content item 18

Scrollable content item 19

Scrollable content item 20

select

separator

One thing
Another thing

sheet

sidebar

Click to view full preview

skeleton

slider

50%

switch

tabs

Tab 1 Content

textarea

Description here: sample text

toast

toggle group

toggle

toolbar

This is a sample text that will be formatted according to the toolbar buttons you click. Try clicking the buttons above to see how the text formatting changes.

tooltip

Rich content