TypeScript web-components

Open-source TypeScript projects categorized as web-components
Edit details
Topics: TypeScript JavaScript custom-elements HTML React
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.io
featured

Top 23 TypeScript web-component Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    • Project mention: How to share your TwigComponent with your team ? | dev.to | 2024-05-15

    But here’s some good news: there’s already a solution in the JavaScript world called Storybook!

  • omi

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

    • Project mention: OMI the surprising Chinese Web Components Framework ✨ | dev.to | 2024-05-01

    Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo

  • 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

  • wired-elements

    Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

  • fast

    The adaptive interface system for modern web experiences.

    • Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05

    Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…

  • material-web

    Material Design Web Components

    • Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04

  • happy-dom

    A JavaScript implementation of a web browser without its graphical user interface

    • Project mention: Vitest In-Source Testing for SFC in Vue? | dev.to | 2024-04-16

    Next we’ll install Vitest and happy-dom to the project by running:

  • vime

    Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

  • 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

  • haunted

    React's Hooks API implemented for web components 👻

  • player

    UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js. (by vidstack)

    • Project mention: How to Write a Great Readme | news.ycombinator.com | 2023-07-18

    vidstack is very light on technical details but starts with a concise intro and a screenshot, as well as relevant links: https://github.com/vidstack/player

    payload is well-structured in general: https://github.com/payloadcms/payload

    nanostores starts out with an intro and telling code examples, followed by lots of technical details: https://github.com/nanostores/nanostores

  • ninja-keys

    Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.

  • 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

  • stylo

    Another kind of rich text editor

  • html-midi-player

    🎹 Play and display MIDI files on the web

  • restic-browser

    A GUI to browse and restore restic backup repositories.

    • Project mention: World Backup Day | news.ycombinator.com | 2024-03-31

    I like this tool for Restic: https://github.com/emuell/restic-browser

  • minze

    Dead-simple JS framework for native web components.

  • ui5-webcomponents-react

    A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience

  • giscus-component

    Component library for giscus, a comment system powered by GitHub Discussions.

    • Project mention: Add reactivity to your Next.js blog using giscus | dev.to | 2023-05-26

    We can obtain the same outcome by utilizing the Giscus React component, a wrapper for the identical script. This approach appears more streamlined and seamlessly integrates with the React ecosystem.

  • calcite-design-system

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

  • elements

    Custom elements for working with media in the browser that Just Work™ (by muxinc)

  • crayons

    🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps! (by freshworks)

  • pwa-lit-template

    A template for building Progressive Web Applications using Lit and Vaadin Router.

  • image-crop-element

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

  • web-component-designer

    A Designer for HTML Components or Pages in a WebComponent

  • 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 web-components related posts

  • Restic-Browser: A GUI to browse and restore restic backup repositories

    1 project | news.ycombinator.com | 17 Jan 2024

  • 3D world on Web

    1 project | /r/github | 4 Jul 2023

  • Would an open-source lightweight object/scene framework on top of ThreeJS be useful?

    1 project | /r/threejs | 3 Jul 2023

  • PatternFly: An open source design system

    1 project | news.ycombinator.com | 7 Apr 2023

  • Recommendation Needed: WebComponent UI Library

    4 projects | /r/WebComponents | 29 Mar 2023

  • Need some help on build process.

    2 projects | /r/sveltejs | 9 Mar 2023

  • Simplest Way to Create Web Component

    1 project | /r/WebComponents | 21 Feb 2023
  • A note from our sponsor - SurveyJS
    surveyjs.io | 16 May 2024
    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. Learn more →

Index

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

Project Stars
1 storybook 82,947
2 omi 12,931
3 wired-elements 9,671
4 fast 9,053
5 material-web 8,691
6 happy-dom 2,958
7 vime 2,717
8 haunted 2,579
9 player 1,746
10 ninja-keys 1,571
11 lume 1,242
12 stylo 715
13 html-midi-player 607
14 restic-browser 547
15 minze 544
16 ui5-webcomponents-react 417
17 giscus-component 285
18 calcite-design-system 261
19 elements 221
20 crayons 198
21 pwa-lit-template 177
22 image-crop-element 174
23 web-component-designer 122

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