Top 21 JavaScript web-component Projects

web-component

• Add a project

1. css-doodle

   1 6 5,703 8.5 JavaScript

   🎨 A web component for drawing patterns with CSS.

   

   Project mention: Pulsar, micro creative coding playground | news.ycombinator.com | 2024-09-02

   Cool!

   Reminds me a little bit of CSS Doodle: https://css-doodle.com/

   For expressions, hopefully the TC9 Shadow Realms proposal will make this easier in the future.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. lwc

   2 19 1,661 9.8 JavaScript

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

   

4. css-vars-ponyfill

   3 1 1,464 4.1 JavaScript

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

5. canvas-datagrid

   4 3 1,457 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.

   Project mention: canvas-datagrid VS revo-grid - a user suggested alternative | libhunt.com/r/canvas-datagrid | 2024-08-21

6. Add to Calendar Button

   5 0 1,369 8.9 JavaScript

   Reliably create beautiful Add to Calendar Buttons, where people can add events to their calendars. Without the hustle and unsupported cases.

   

7. x-frame-bypass

   6 4 700 0.9 JavaScript

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

8. lemonadejs

   7 5 401 3.2 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.

   

9. react-web-component

   8 1 285 0.0 JavaScript

   Create Web Components with React

10. Pink-Trombone

    9 2 168 5.2 JavaScript

    A programmable version of Neil Thapen's Pink Trombone

    Project mention: ESpeak-ng: speech synthesizer with more than one hundred languages and accents | news.ycombinator.com | 2024-05-01

    Too late to edit, but to any one who needs "convincing" of the flexibility of a formant synthesizer, you should 1) play with Pink Trombone[1], a Javascript formant synthesizer with a UI that lets you graphically manipulate a vocal tract, and 2) have a look at this programmable version of it[2]

    [1] https://dood.al/pinktrombone/

    [2] https://github.com/zakaton/Pink-Trombone

11. Code-Runner-Web-Component

    10 10 52 3.2 JavaScript

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

    

12. Ace-Editor-Web-Component

    11 10 51 3.7 JavaScript

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

    

13. svelte-webcomponents

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

    

14. Media-Card-Web-Component

    13 9 25 5.6 JavaScript

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

    

15. web-otp-input

    14 2 9 10.0 JavaScript

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

16. react-kapsule

    15 1 8 7.3 JavaScript

    React wrapper for kapsule-style web components

17. web-calendar

    16 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

18. Nostradamus

    17 0 2 7.1 JavaScript

    Onchain prediction encryption, storage and sharing service. This project is part of Backdrop Build, Nov 2023. Docs: docs.nostradamus1.xyz

19. bulba

    18 2 2 0.0 JavaScript

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

20. carouse

    19 1 1 0.0 JavaScript

    web component carousel ui

21. howto-connect-react-custom-element

    20 1 1 0.0 JavaScript

    How to wrap a react component into a web component

22. GitHub-Ribbon-Web-Component

    21 4 1 0.0 JavaScript

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

    

JavaScript web-component related posts

• Pulsar, micro creative coding playground

  9 projects | news.ycombinator.com | 2 Sep 2024

• 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
• A note from our sponsor - SaaSHub
  www.saashub.com | 16 Jan 2025

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

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