TypeScript web-components

Open-source TypeScript projects categorized as web-components

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: Storybook not picking up tailwindcss | dev.to | 2024-04-17

    [Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook

  • wired-elements

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

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

  • haunted

    React's Hooks API implemented for web components 👻

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

  • minze

    Dead-simple JS framework for native web components.

  • 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

  • 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

  • file-attachment-element

    Attach files via drag and drop or file input.

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

TypeScript web-components related posts

Index

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

Project Stars
1 storybook 82,727
2 wired-elements 9,655
3 fast 9,000
4 material-web 8,604
5 happy-dom 2,911
6 vime 2,716
7 haunted 2,576
8 player 1,688
9 ninja-keys 1,565
10 lume 1,226
11 stylo 715
12 html-midi-player 589
13 minze 543
14 restic-browser 535
15 ui5-webcomponents-react 417
16 giscus-component 278
17 calcite-design-system 259
18 elements 219
19 crayons 197
20 pwa-lit-template 177
21 image-crop-element 174
22 web-component-designer 119
23 file-attachment-element 109

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