Top 20 JavaScript web-component Projects

• css-doodle

  5 5,453 8.9 JavaScript

  🎨 A web component for drawing patterns with CSS.

  

Project mention: Drawing Patterns with CSS | news.ycombinator.com | 2023-10-11

• lwc

  19 1,561 9.5 JavaScript

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

  

Project mention: lwc.dev | /r/SalesforceDeveloper | 2023-07-11

Actually I was wondering if lwc oss is still a thing. The website lwc.dev looks like it hasn't been updated since the release in 2019. Are many people using it or was it a nice try by Salesforce but can we consider it dead? I know of course it can't compete with react, vue or angular, but has it built a nice user base around it to keep it interesting?

• SurveyJS

  surveyjs.io sponsored

  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.

  

• css-vars-ponyfill

  1 1,457 4.1 JavaScript

  Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

• canvas-datagrid

  2 1,377 5.7 JavaScript

  Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

• x-frame-bypass

  4 642 1.8 JavaScript

  Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin

• lemonadejs

  5 364 8.6 JavaScript

  LemonadeJS is a 7KB reactive JavaScript micro-library offering two-way data binding. It is dependency-free, does not require transpiling, and works with webpack or directly in the browser.

  

• react-web-component

  1 284 0.0 JavaScript

  Create Web Components with React

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Pink-Trombone

  1 140 5.2 JavaScript

  A programmable version of Neil Thapen's Pink Trombone

• Ace-Editor-Web-Component

  10 43 3.7 JavaScript

  A web-component to add code editors to your web page powered via Ace Editor

  

• Code-Runner-Web-Component

  10 41 5.0 JavaScript

  A web component that allows you to run high level programming languages on your websites (static websites included!)

  

Project mention: A web component for running code examples on your website! (GitHub Pages included!) | /r/github | 2023-06-30

• svelte-webcomponents

  4 30 0.0 JavaScript

  A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.

• Media-Card-Web-Component

  9 24 0.0 JavaScript

  A web component to display books, movies, TV shows & song details on any website

  

• react-kapsule

  1 8 0.0 JavaScript

  React wrapper for kapsule-style web components

• web-otp-input

  2 8 10.0 JavaScript

  A custom element to make it really easy to use the WebOTP API

Project mention: What is Web OTP, and which benefits do it provide to users? | dev.to | 2023-10-01

This library is available on GitHub and it is licensed under the MIT license.

• web-calendar

  1 4 5.6 JavaScript

  A web component for rendering static calendars.

Project mention: <web-calendar>: Static calendar web component | news.ycombinator.com | 2024-02-26

• bulba

  2 2 5.3 JavaScript

  An intuitive, deterministic, and extendable web component base class.

• tdash

  2 1 1.8 JavaScript

  Intuitive, easy i18n for modern websites.

• carouse

  1 1 0.0 JavaScript

  web component carousel ui

• howto-connect-react-custom-element

  1 1 0.0 JavaScript

  How to wrap a react component into a web component

• GitHub-Ribbon-Web-Component

  4 1 0.0 JavaScript

  A custom web element to easily add a GitHub Fork Me ribbon to your web pages!

  

• InfluxDB

  www.influxdata.com sponsored

  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.

  

JavaScript web-component related posts

• Drawing Patterns with CSS
  1 project | news.ycombinator.com | 11 Oct 2023
• What is Web OTP, and which benefits do it provide to users?
  1 project | dev.to | 1 Oct 2023
• lwc.dev
  2 projects | /r/SalesforceDeveloper | 11 Jul 2023
• A web component for running code examples on your website! (GitHub Pages included!)
  1 project | /r/github | 30 Jun 2023
• Code Runner: A web component that allows you to code examples on your website!
  1 project | /r/webdev | 3 May 2023
• Code Runner: A web component that allows you to code examples on your website!
  1 project | /r/github | 3 May 2023
• Code Runner: A web component that allows you to code examples on your website!
  1 project | /r/Frontend | 3 May 2023
• A note from our sponsor - WorkOS
  workos.com | 28 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

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

Do not miss the trending JavaScript projects with our weekly report!