Introduction

Rust Radix is a Rust port of Radix.

Radix is a library of components, icons, colors, and templates for building high-quality, accessible UI.

Parts

Rust Radix consists of the following parts:

Frameworks

Rust Radix is available for the following frameworks:

The tables below show the support for the various frameworks.

✅ = Supported
🟦 = Early Support
🚧 = Work In Progress
❌ = Unsupported

Colors Support

Name	Framework Independent
Colors	✅

Icons Support

Name	Dioxus	Leptos	Yew
Icons	✅	✅	✅

Primitives Support

Name	Dioxus	Leptos	Yew
Accessible Icon	❌ #120	🚧 #17	❌ #69
Accordion	❌ #121	❌ #18	❌ #70
Alert Dialog	❌ #122	❌ #19	❌ #71
Arrow	❌ #123	🚧 #20	🚧 #72
Aspect Ratio	❌ #124	🟦 #21	❌ #73
Avatar	❌ #125	🚧 #22	🚧 #74
Checkbox	❌ #126	🚧 #23	🟦 #75
Collapsible	❌ #127	❌ #24	❌ #76
Collection	❌ #128	🟦 #25	🟦 #77
Compose Refs	❌ #129	🟦 #26	🟦 #78
Context Menu	❌ #130	❌ #27	❌ #79
Context	❌ #131	❌ #28	❌ #80
Dialog	❌ #132	❌ #29	🚧 #81
Direction	❌ #133	🟦 #30	🟦 #82
Dismissable Layer	❌ #134	🚧 #31	🚧 #83
Dropdown Menu	❌ #135	❌ #32	❌ #84
Focus Guards	❌ #136	🟦 #33	🟦 #85
Focus Scope	❌ #137	🚧 #34	🚧 #86
Form	❌ #138	❌ #35	❌ #87
Hover Card	❌ #139	❌ #36	❌ #88
ID	❌	🟦	🟦
Label	❌ #140	🟦 #37	🟦 #89
Menu	❌ #141	🚧 #38	❌ #90
Menubar	❌ #142	❌ #39	❌ #91
Navigation Menu	❌ #143	❌ #40	❌ #92
Popover	❌ #144	❌ #41	❌ #93
Popper	❌ #145	🟦 #42	🚧 #94
Portal	❌ #146	🟦 #43	🟦 #95
Presence	❌ #147	🟦 #44	🟦 #96
Primitive	❌ #148	🟦 #45	🟦 #97
Progress	❌ #149	🟦 #46	❌ #98
Radio Group	❌ #150	❌ #47	❌ #99
Roving Focus	❌ #151	🚧 #48	❌ #100
Scroll Area	❌ #152	❌ #49	❌ #101
Select	❌ #153	❌ #50	🚧 #102
Separator	❌ #154	🟦 #51	🟦 #103
Slider	❌ #155	❌ #52	❌ #104
Slot	❌ #156	🚧 #53	❌ #105
Switch	❌ #157	🟦 #54	🟦 #106
Tabs	❌ #158	❌ #55	❌ #107
Toast	❌ #159	❌ #56	❌ #108
Toggle Group	❌ #160	❌ #57	❌ #109
Toggle	❌ #161	🚧 #58	❌ #110
Toolbar	❌ #162	❌ #59	❌ #111
Tooltip	❌ #163	❌ #60	🚧 #112
Use Callback Ref	❌	❌	❌
Use Controllable State	❌ #164	🟦 #61	🟦 #113
Use Escape Keydown	❌ #165	🟦 #62	❌ #114
Use Layout Effect	❌	❌	❌
Use Previous	❌ #166	🟦 #63	🟦 #115
Use Rect	❌ #167	❌ #64	❌ #116
Use Size	❌ #168	🟦 #65	🟦 #117
Visually Hidden	❌ #169	🟦 #66	🟦 #118
Total	0 / 52	29 / 52	24 / 52

Themes Support

Name	Dioxus	Leptos	Yew
Accessible Icon	❌ #172	❌ #231	❌ #290
Alert Dialog	❌ #173	❌ #232	❌ #291
Aspect Ratio	❌ #174	❌ #233	🟦 #292
Avatar	❌ #175	❌ #234	🟦 #293
Badge	❌ #176	❌ #235	🟦 #294
Base Button	❌ #177	❌ #236	🟦 #295
Blockquote	❌ #178	❌ #237	🟦 #296
Box	❌ #179	❌ #238	🟦 #297
Button	❌ #180	❌ #239	🟦 #298
Callout	❌ #181	❌ #240	🟦 #299
Card	❌ #182	❌ #241	🟦 #300
Checkbox Cards	❌ #183	❌ #242	❌ #301
Checkbox Group	❌ #184	❌ #243	❌ #302
Checkbox	❌ #185	❌ #244	🟦 #303
Code	❌ #186	❌ #245	🟦 #304
Container	❌ #187	❌ #246	🟦 #305
Context Menu	❌ #188	❌ #247	❌ #306
Data List	❌ #189	❌ #248	🟦 #307
Dialog	❌ #190	❌ #249	❌ #308
Dropdown Menu	❌ #191	❌ #250	❌ #309
Em	❌ #192	❌ #251	🟦 #310
Flex	❌ #193	❌ #252	🟦 #311
Grid	❌ #194	❌ #253	🟦 #312
Heading	❌ #195	❌ #254	🟦 #313
Hover Card	❌ #196	❌ #255	❌ #314
Icon Button	❌ #197	❌ #256	🟦 #315
Icons	❌ #198	❌ #257	🟦 #316
Inset	❌ #199	❌ #258	🟦 #317
Kbd	❌ #200	❌ #259	🟦 #318
Link	❌ #201	❌ #260	🟦 #319
Popover	❌ #202	❌ #261	❌ #320
Portal	❌ #203	❌ #262	🟦 #321
Progress	❌ #204	❌ #263	❌ #322
Quote	❌ #205	❌ #264	🟦 #323
Radio Cards	❌ #206	❌ #265	❌ #324
Radio Group	❌ #207	❌ #266	❌ #325
Radio	❌ #208	❌ #267	🟦 #326
Reset	❌ #209	❌ #268	❌ #327
Scroll Area	❌ #210	❌ #269	❌ #328
Section	❌ #211	❌ #270	🟦 #329
Segmented Control	❌ #212	❌ #271	❌ #330
Select	❌ #213	❌ #272	🚧 #331
Separator	❌ #214	❌ #273	🟦 #332
Skeleton	❌ #215	❌ #274	🟦 #333
Slider	❌ #216	❌ #275	❌ #334
Slot	❌ #217	❌ #276	❌ #335
Spinner	❌ #218	❌ #277	🟦 #336
Strong	❌ #219	❌ #278	🟦 #337
Switch	❌ #220	❌ #279	🟦 #338
Table	❌ #221	❌ #280	🟦 #339
Tab Nav	❌ #222	❌ #281	❌ #340
Tabs	❌ #223	❌ #282	❌ #341
Text Area	❌ #224	❌ #283	🟦 #342
Text Field	❌ #225	❌ #284	🟦 #343
Text	❌ #226	❌ #285	🟦 #344
Theme Panel	❌ #227	❌ #286	❌ #345
Theme	❌ #228	❌ #287	🟦 #346
Tooltip	❌ #229	❌ #288	🚧 #347
Visually Hidden	❌ #230	❌ #289	🟦 #348
Total	0 / 59	0 / 59	39 / 59

License

This project is available under the MIT license.

Rust for Web

The Rust Radix project is part of Rust for Web.

Rust for Web creates and ports web libraries for Rust. All projects are free and open source.

Keyboard shortcuts

Rust Radix