Building a design system with Radix

This page summarizes the projects mentioned and recommended in the original post on dev.to
React HacktoberFest PostCSS UI Frameworks Dev Tools

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.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • radix-component-library

    Sample component library built with Radix UI

    • The repository for the component library developed in this article can be found on my GitHub. In addition, you can view a deployed version of the final project here.

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress đź’…

    • Radix Colors provides a set of scales that are JavaScript objects intended to integrate with your preferred styling solution, ranging from vanilla CSS to CSS-in-JS options (e.g., styled-components).

  • 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

  • react-styleguidist

    Isolated React component development environment with a living style guide

    • Because documentation is so important, our sample project has been preconfigured with React Styleguidist, a development environment for building React components. We’ll use this tool to document the components as we build them out.

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    • Some examples of popular component libraries include MUI (the artist formerly known as Material UI), Headless UI by Tailwind Labs, and of course Radix UI.

  • icons

    A crisp set of 15Ă—15 icons designed by the @workos team. (by radix-ui)

    • Radix Icons touts itself as a “crisp set of 15x15 icons designed by the WorkOS team.” All the icons are available as individual components that can be installed via a single package.

  • headlessui

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

    • Some examples of popular component libraries include MUI (the artist formerly known as Material UI), Headless UI by Tailwind Labs, and of course Radix UI.

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

  • Modern JavaScript:Everything you missed over the last 10 years(ECMAScript 2020)

    8 projects | news.ycombinator.com | 15 May 2021

  • Zero-runtime CSS-in-JS implementation

    1 project | news.ycombinator.com | 29 Jan 2024

  • Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization

    4 projects | dev.to | 25 Dec 2023

  • The Ultimate Tech Stack for Building a Full-Stack MVP and Iterating Quickly

    13 projects | dev.to | 17 Oct 2023

  • React Bootstrap Community

    1 project | /r/react_bootstrap | 5 Jun 2023