TypeScript custom-elements

Open-source TypeScript projects categorized as custom-elements

Top 23 TypeScript custom-element Projects

custom-elements
  1. omi

    Web Components Framework - Web组件框架 (by Tencent)

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. core

    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. (by stenciljs)

    Project mention: 60 Best JavaScript Libraries for Building Interactive UI Components | dev.to | 2025-02-22

    Stencil stenciljs.com Compiler for generating Web Components.

  4. mathlive

    A web component for easy math input

  5. lume

    GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3"> (by lume)

    Project mention: Show HN: Lume – OS Lightweight CLI/API for macOS/Linux VMs on Apple Silicon | news.ycombinator.com | 2025-02-02

    And also this Lume, which is a 3d-HTML library.

    https://lume.io

  6. stylo

    Another kind of rich text editor

  7. minze

    Dead-simple JS framework for native web components.

  8. drab

    Interactivity for You (by rossrobino)

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. api-viewer-element

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

  11. lunchboxjs

    Declarative ThreeJS via web components

  12. image-crop-element

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

  13. file-attachment-element

    Attach files via drag and drop or file input.

  14. element-behaviors

    An entity-component system for HTML elements.

  15. component-elements

    Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported

  16. custom-elements-language-server

    Custom Elements Language Server provides useful language features for Web Components. Features include code actions, completions, diagnostics and more.

  17. vue-custom-element-example

    An example on how to define custom elements using Vue 3

  18. svelte-webcomponent-boilerplate

    🏗 Create your HTML5 Web Component with Svelte. Made your web components with this user-friendly boilerplate

  19. cwco

    Powerful and Fast Web Component Library with a Simple API

  20. filter-input-element

    Display elements in a subtree that match filter input text.

  21. web-components

    Web Components for building declarative PlayCanvas applications (by playcanvas)

    Project mention: Sutro Tower in 3D | news.ycombinator.com | 2025-02-21

    This application was built on PlayCanvas Web Components: https://github.com/playcanvas/web-components/

    It's very similar to PlayCanvas React, but with a fully Web Components-based architecture. You can use the same scripts interchangeably between both frameworks.

  22. elements-x

    Collection of Customizable Custom Elements

  23. cypress-lit

    Test your Lit elements and native web components in cypress with all the modern browsers

  24. drop-in.js

    Commerce Layer drop-in.js lets you transform any plain HTML page into an enterprise-grade static commerce website, with almost no coding required, thanks to a set of micro frontends that handle the main ecommerce functionalities.

  25. gem-panel

    A custom element <gem-panel>, let you easily create layout similar to Adobe After Effects.

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

TypeScript custom-elements discussion

Log in or Post with

TypeScript custom-elements related posts

  • Integrating Stencil Web Components in Angular Project

    3 projects | dev.to | 4 Nov 2024
  • Getting Started with Mitosis: Creating a Cross-Framework Design System

    3 projects | dev.to | 13 Sep 2024
  • Adding Map Based Photo Viewer to .Net Aspire Project with Stencil and OpenStreetMap Tile Server

    4 projects | dev.to | 1 Sep 2024
  • We needed to run maintenance queries (SQL) with user input

    2 projects | dev.to | 15 Aug 2024
  • Using Apache ECharts with Lit and TypeScript

    3 projects | dev.to | 16 Jun 2024
  • Ajout de l'auto-complétion sur les Web Components avec Stencil

    5 projects | dev.to | 14 Mar 2024
  • Plasmic.app – the visual builder for your tech stack

    9 projects | news.ycombinator.com | 19 Dec 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 1 Sep 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

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

# Project Stars
1 omi 13,208
2 core 12,856
3 mathlive 1,857
4 lume 1,445
5 stylo 716
6 minze 566
7 drab 281
8 api-viewer-element 280
9 lunchboxjs 253
10 image-crop-element 189
11 file-attachment-element 122
12 element-behaviors 111
13 component-elements 96
14 custom-elements-language-server 90
15 vue-custom-element-example 64
16 svelte-webcomponent-boilerplate 60
17 cwco 57
18 filter-input-element 55
19 web-components 52
20 elements-x 24
21 cypress-lit 24
22 drop-in.js 18
23 gem-panel 17

Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?