Best SolidJS component libraries for design systems

The component libraries on this list are accessible and can be styled to match your brand and your design tokens.

Accessibility mandatory
Customisable style

  • Hope UI

    Screenshot of Hope UI

    Hope UI is a composable and accessible component library for Solid JS. It has a large selection of components and a theme system.

    Features

    • 40+ components

  • Kobalte

    Screenshot of Kobalte

    By the author of HopeUI, Kobalte provide low-level primitives for building accessible design systems. Inspired by Radix and React-aria.

    Features

    • 20+ components

  • SUID

    Screenshot of SUID

    SUID is a port of React MUI built with Solid.

    Features

    • 50+ components

  • Solid Aria (ALPHA)

    Screenshot of Solid Aria (ALPHA)

    ⚠️ Early stage and not ready for production. Solid Aria is a port of React Aria for SolidJS.

    Features

    • 10+ components

Building your design system?

Backlight is an all-in-one design system platform that makes it easy for the whole team to collaborate on, build and ship a design system.

Try for free