The french government's design system

• react-dsfr

  9 397 9.5 TypeScript

  🇫🇷 Design system React toolkit

  

My advice if you don't have a multi-million budget and you only need to support React is to start from MUI components. Components like Date pickers, or Autocomplete are complex and time consuming to code from scratch. First thing you want to do is to build a custom theme for MUI (example DSFR, Example OnyxiaUI) this will make the MUI components roughly match your design system out of the box. Then you can create your own components that are wrapper around MUI components and customize them until they match your design (Example). Trust me, we always underestimate the complexity of building base component from scratch. There are tons of things to consider, I don't even mention the accessibility concerns... Customizing MUI components is the quick win route.

• Docusaurus

  282 52,968 9.5 TypeScript

  Easy to maintain open source documentation websites.

  

Don't tell me about it... 😣 This is what I'm refering to when I state no more white flashes in the video. I've an apointment with the lead dev of Docusaurus next week, we're going to make a French design system theme and probably rebuild the documentation website with it. 🚀

• SurveyJS

  surveyjs.io featured

  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.

  

• tss-react

  9 559 8.1 TypeScript

  ✨ Dynamic CSS-in-TS solution, based on Emotion

What I meant is that the lib provides the tooling to do CSS-in-JS if you so choose. But it's not at all mandatory. There is a fully type safe class system you can rely on. Internally no CSS-in-JS is used. I personally do love CSS-in-JS (I'm the author of TSS) but I understand the case against it.

• compodio

  8 3 8.4 Python

  Putting the podcast in community radio

This is an in progress component I'm working on that always expects to receive an array of available image sizes, that jpg/webp are always available.

• onyxia-ui

  4 34 9.3 TypeScript

  🌓 Onyxia UI toolkit

  

My advice if you don't have a multi-million budget and you only need to support React is to start from MUI components. Components like Date pickers, or Autocomplete are complex and time consuming to code from scratch. First thing you want to do is to build a custom theme for MUI (example DSFR, Example OnyxiaUI) this will make the MUI components roughly match your design system out of the box. Then you can create your own components that are wrapper around MUI components and customize them until they match your design (Example). Trust me, we always underestimate the complexity of building base component from scratch. There are tons of things to consider, I don't even mention the accessibility concerns... Customizing MUI components is the quick win route.

• InfluxDB

  www.influxdata.com featured

  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.

  

Suggest a related project