custom-elements

Open-source projects categorized as custom-elements
Edit details
Language: + JavaScript + TypeScript
Topics: web-components Webcomponents JavaScript HTML shadow-dom
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
Sponsored

Top 23 custom-element Open-Source Projects

  • trix

    A rich text editor for everyday writing

    • Project mention: Quill – Your powerful rich text editor | news.ycombinator.com | 2024-04-19

    Trix is simple and easy to use for basic writing like a blog. It’s what Basecamp and HEY both use (it was built by 37signals and is the default in Rails)

    https://trix-editor.org/

  • stencil

    A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

    • Project mention: Ajout de l'auto-complétion sur les Web Components avec Stencil | dev.to | 2024-03-14

  • 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

  • relative-time-element

    Web component extensions to the standard <time> element.

    • Project mention: Htmx, Rust and Shuttle: A New Rapid Prototyping Stack | news.ycombinator.com | 2023-11-01

    Web Components, e.g. https://github.com/github/relative-time-element

  • awesome-web-components

    A curated list of awesome Web Components resources.

    • Project mention: Use web components for what they’re good at | news.ycombinator.com | 2023-08-23

    GitHub is one:

    https://github.com/github/details-dialog-element

    There should be others here:

    https://github.com/web-padawan/awesome-web-components#compon...

  • vue-custom-element

    Vue Custom Element - Web Components' Custom Elements for Vue.js

  • lume

    Create 3D web applications with HTML. Bring a new depth to your DOM! (by lume)

    • Project mention: Lume: Create 3D web applications with HTML | news.ycombinator.com | 2024-01-15

  • emoji-picker-element

    A lightweight emoji picker for the modern web

  • 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

  • mathlive

    A web component for easy math input

    • Project mention: <Math-Field> | news.ycombinator.com | 2023-10-25

  • dark-mode-toggle

    A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

  • stylo

    Another kind of rich text editor

  • remount

    Mount React components to the DOM using custom elements

  • minze

    Dead-simple JS framework for native web components.

  • include-fragment-element

    A client-side includes tag.

  • clipboard-copy-element

    Copy element text content or input values to the clipboard.

  • snuggsi

    snuggsi ツ - Easy Custom Elements in ~1kB

    • Project mention: Snuggsi ツ – Easy Custom Elements in ~1kB | news.ycombinator.com | 2023-06-16

  • web-components

    A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

    • Project mention: Creating Custom Component for NPS Feedback | dev.to | 2023-04-30

    Component UX. Do you need keyboard navigation? Mouse hover? Shortcuts? I suggest staying safe, combining existing components, and making your custom solutions sparingly.

  • preact-custom-element

    Wrap your component up as a custom element

  • tab-container-element

    An accessible tab container element with keyboard support.

  • synergy

    Synergy is a tiny runtime library for crafting Web Components

  • api-viewer-element

    API documentation and live playground for Web Components. Based on Custom Elements Manifest format

  • calcite-design-system

    A monorepo containing the packages for Esri's Calcite Design System

  • html-include-element

    Easily include external HTML into your pages.

    • Project mention: Htmz – a low power tool for HTML | news.ycombinator.com | 2024-02-19

  • custom-elements-manifest

    Custom Elements Manifest is a file format that describes custom elements in your project. (by open-wc)

  • WorkOS

    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.

    WorkOS 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).

custom-elements related posts

Index

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

Project Stars
1 trix 18,668
2 stencil 12,292
3 relative-time-element 2,980
4 awesome-web-components 2,655
5 vue-custom-element 1,954
6 lume 1,226
7 emoji-picker-element 1,206
8 mathlive 1,205
9 dark-mode-toggle 1,149
10 stylo 715
11 remount 675
12 minze 543
13 include-fragment-element 522
14 clipboard-copy-element 444
15 snuggsi 393
16 web-components 393
17 preact-custom-element 343
18 tab-container-element 340
19 synergy 311
20 api-viewer-element 260
21 calcite-design-system 259
22 html-include-element 218
23 custom-elements-manifest 210

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.
workos.com