web-component

Open-source projects categorized as web-component
Edit details
Language: + TypeScript + JavaScript + CSS
Topics: JavaScript web-components HTML custom-element custom-elements
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

Top 23 web-component Open-Source Projects

  • css-doodle

    🎨 A web component for drawing patterns with CSS.

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

  • date-picker

    Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

  • 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

  • lwc

    ⚡️ 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?

  • lottie-player

    Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player

  • css-vars-ponyfill

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

  • ui5-webcomponents

    UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

  • canvas-datagrid

    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.

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

    InfluxDB logo

  • qr-code

    A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element. (by bitjson)

  • cally

    Small, feature-rich calendar components

    • Project mention: 🤯 Keep Up With these 50 Articles | dev.to | 2024-04-16

    Cally - Small, feature-rich calendar components (https://wicky.nillia.ms/cally/) by Nick Williams Why should you pick this? Because its super small, portable, and customizable.

  • lite-youtube

    The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.

  • x-frame-bypass

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

  • html-midi-player

    🎹 Play and display MIDI files on the web

  • img-comparison-slider

    Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

    • Project mention: If Web Components are so great, why am I not using them? | news.ycombinator.com | 2023-08-02

    * Should not conflict with anything on the page

    [0] https://github.com/sneas/img-comparison-slider

  • Markdown-Tag

    Render Markdown to HTML on any website using a md tag

  • lemonadejs

    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

    Create Web Components with React

  • Pink-Trombone

    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

  • jsfe

    A Custom Element that auto-generates forms, declaratively. Works with Lit, Solid, Vue, Svelte, React, Astro, vanilla…

    • Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08

    The other day I stumbled upon my dream project the other day json-schema-form-element (github, editor) which is heavily inspired by the react counterpart. It's exactly what I wanted to make. This project, json-schema-form-element is a masterclass in how to make a modern web-component-first / "authored" library which is also interoperable with all other frameworks.

  • react-webcomponentify

    Build Web Components with React or Preact (without any extra effort)

  • cwco

    Powerful and Fast Web Component Library with a Simple API

  • web-pivot-table

    A feature-rich JS pivot grid library for creating interactive reports. Integrates with any front-end technology

    • Project mention: Unraveling the Code: Creating Bubble Text for April #CodePenChallenge | dev.to | 2024-04-23

    To bring our chocolate data to life, we'll leverage the power of WebDataRocks — a versatile web pivot table component. WebDataRocks allows us to visualize and interact with data dynamically, making it the perfect tool for exploring our chocolate ratings dataset.

  • web-dialog

    A highly accessible, customizable and lightweight dialog

  • Ace-Editor-Web-Component

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

  • SaaSHub

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

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

web-component related posts

  • 🤯 Keep Up With these 50 Articles

    5 projects | dev.to | 16 Apr 2024

  • Small, feature-rich calendar components

    1 project | news.ycombinator.com | 8 Apr 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
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 16 May 2024
    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. Learn more →

Index

What are some of the best open-source web-component projects? This list will help you:

Project Stars
1 css-doodle 5,477
2 date-picker 1,709
3 lwc 1,569
4 lottie-player 1,500
5 css-vars-ponyfill 1,458
6 ui5-webcomponents 1,443
7 canvas-datagrid 1,388
8 qr-code 933
9 cally 897
10 lite-youtube 814
11 x-frame-bypass 645
12 html-midi-player 607
13 img-comparison-slider 528
14 Markdown-Tag 400
15 lemonadejs 369
16 react-web-component 285
17 Pink-Trombone 152
18 jsfe 68
19 react-webcomponentify 66
20 cwco 57
21 web-pivot-table 52
22 web-dialog 44
23 Ace-Editor-Web-Component 43

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com