Top 5 Headless Components For Your React Application In 2023

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • zag

    Finite state machines for building accessible design systems and UI components.

  • Zag.js and Ark are headless component libraries created by the teams behind Chakra UI.

  • react-spring

    ✌️ A spring physics based React animation library

  • One notable component in Headless UI is Transition. It provides a simple way to animate React Components, making it a great option for developers who want basic animation functionality without using more complicated solutions like React Spring or Framer Motion.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • shadcn/ui

    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  • shadcn/ui

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • In addition to Tailwind CSS, Tailwind Labs also created Headless UI, a collection of components that work well with Tailwind CSS.

  • material-ui-docs

    ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

  • As a React Developer, your daily tasks is managing UI and Components. While libraries like MUI or Ant Design are commonly used for building applications, they may not be flexible enough to fulfill the expectations of your project managers or clients. In such cases, creating custom UI components becomes necessary.

  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

  • In addition to Tailwind CSS, Tailwind Labs also created Headless UI, a collection of components that work well with Tailwind CSS.

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • Zag.js and Ark are headless component libraries created by the teams behind Chakra UI.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • antd

    An enterprise-class UI design language and React UI library

  • As a React Developer, your daily tasks is managing UI and Components. While libraries like MUI or Ant Design are commonly used for building applications, they may not be flexible enough to fulfill the expectations of your project managers or clients. In such cases, creating custom UI components becomes necessary.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts