GitHub's Web Component Collection

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video.
Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
getstream.io
featured
  1. github-elements

    GitHub's Web Component collection.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. lwc

    ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation

    Github is one of the strong believers in W3C Web Components. Another one is Salesforce: https://lwc.dev/

  4. auto-check-element

    An input element that validates its value with a server endpoint.

    This is a simple ES6 question.

    Why would folks use const inside a loop?

    I mean, isn't const means a constant that is not going to be changed? When inside a loop, it is changed every iteration, ain't it?

    https://github.com/github/auto-check-element/blob/main/examp...

    Can someone enlight me?

    I would rather use `let`.

  5. image-crop-element

    A custom element for cropping a square image. Returns x, y, width, and height.

    Some of them have stylesheets, for example https://github.com/github/image-crop-element/blob/main/src/i...

  6. catalyst

    Catalyst is a set of patterns and techniques for developing components within a complex application.

    Personally, I'd really like to see the unmolested, with-dependencies versions[1].

    This version is VERY easy to ship and adopt. But in my mind, these components hide how the sausage is made! Many were built with a library (Catalyst[2]), but the tools were obfuscated out in these end products.

    There's a huge amount to be said for these web components. We need more models like this. But I also think there's an opportunity lost here, to teach, to inform, to help others learn how to build components, using the tech Github actually used to develop them.

    [1] https://news.ycombinator.com/item?id=26439167

    [2] https://github.com/github/catalyst

  7. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
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

  • We Should Stop Hating Web Components

    3 projects | dev.to | 30 Apr 2021
  • 5 Github Elements you have to try

    6 projects | dev.to | 12 Apr 2021
  • Biblioteca emoji-picker-element em português

    1 project | dev.to | 22 Jul 2024
  • Htmx, Rust and Shuttle: A New Rapid Prototyping Stack

    3 projects | news.ycombinator.com | 1 Nov 2023
  • Use web components for what they’re good at

    8 projects | news.ycombinator.com | 23 Aug 2023