Devie UI
Version: 2026-02-14

Overview

Devie UI is a design system for React, providing UI components extending the Base UI primitives, with a minimalist tokenized theming mechanism.

  • Isolated Components → Each component can be independently added to your codebase. You copy only the code that you need and maintain it thereafter.
  • Styled with SCSS → No configuration required except for a few global CSS variables. If you are not using SCSS modules, the examples can easily translate to CSS-like engines (e.g. TSS, vanilla-extract, Linaria, Pigment, etc.). However, no support for Tailwind.
  • Powered by Base UI → Their primitives provide best-in-class a11y and DX. You can consider Devie UI as opinionated, styled, drop-in alternatives to the defaults from the Base UI docs.
Hobby Disclosure. Devie UI is a humble side project, open-sourcing my personal design system. I cannot guarantee their maintenance, let alone any professional support. Depending on your needs, also consider more battle-tested UI libraries: shadcn/ui, Chakra UI, Coss UI, AlignUI, Untitled UI.