What are Web Components

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
  • lion

    Fundamental white label web component features for your design system.

    Essentially every element that doesn’t already exist in html is now able to be created as a custom element. Or to better utilise modern features of JavaScript existing elements are augmented. For example the white labelled Lion Elements by ING or Shoelace. These would make an excellent start to the web / web application section of a fully developed design system.

  • awesome-lit-html

    A curated list of awesome Lit resources.

    Further references: https://viljamis.com/2019/why-we-use-web-components/ https://codeburst.io/6-reasons-you-should-use-native-web-components-b45e18e069c2 https://thenewstack.io/how-web-components-are-used-at-github-and-salesforce/ https://trends.builtwith.com/websitelist/Web-Components https://trends.builtwith.com/javascript/Web-Components https://github.com/web-padawan/awesome-lit-html

  • 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.

  • fast

    The adaptive interface system for modern web experiences.

    Microsoft Fast

  • shoelace-css

    A collection of professionally designed, every day UI components built on Web standards. Works with all frameworks as well as regular HTML/CSS/JS. 🥾

    Essentially every element that doesn’t already exist in html is now able to be created as a custom element. Or to better utilise modern features of JavaScript existing elements are augmented. For example the white labelled Lion Elements by ING or Shoelace. These would make an excellent start to the web / web application section of a fully developed design system.

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