[AskJS] Javascript methodology/library/pattern for plain HTML Design System components

This page summarizes the projects mentioned and recommended in the original post on /r/javascript
Whatwg Spectrum React HTML adobe

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

  • spectrum-web-components

    Spectrum Web Components

    • Their repos are public: - https://github.com/adobe/spectrum-web-components - https://github.com/adobe/react-spectrum

  • react-spectrum

    A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

    • Their repos are public: - https://github.com/adobe/spectrum-web-components - https://github.com/adobe/react-spectrum

  • 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

  • WHATWG HTML Standard

    HTML Standard

    • You definitely don't need a library for any simple design system component. But yes, JS would be required for things like modals/dialogs as far as I'm aware. Would be nice if they added a way to handle that without JS considering how popular of a component it is (related thread). I would have to know the entire overall setup of your component library and stack to have any recommendation for handling these JS dependent components though.

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