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 following frameworks are under consideration:
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 the Rust For Web.
Rust For Web creates and ports web UI libraries for Rust. All projects are free and open source.