Topics / #custom-elements

Custom-elements projects on GitHub

Web components built with custom elements for reusable HTML widgets.

As of , the most-starred Custom-elements projects on GitHub are trix (20K stars), motion-canvas (19.4K stars) and omi (13.3K stars). GitHub.Locker tracks 5 Custom-elements repositories with 63.7K stars combined. The fastest-growing on October 19 was motion-canvas, with +7 stars in a day.

5Projects
63.7KStars in total
+9Stars in a day
Browse in the catalog →github.com/topics/custom-elements ↗

Hot right now

Most stars gained in a day · Oct 19

+7

motion-canvas

motion-canvas/motion-canvas · ★ 19.4K

Motion Canvas is a free, open-source tool for creating informative vector animations — you program them in TypeScript and watch them in a real-time preview editor, optionally synchronized with a voice-over.

+1

trix

basecamp/trix · ★ 20K

Trix is a free, open-source WYSIWYG rich text editor for web applications, built by 37signals (the creators of Ruby on Rails) and used in Basecamp. It is made for everyday writing: messages, comments, articles, and lists.

+1

loadersz-core

lumberjacque/loadersz-core · ★ 164

loadersz is a dependency-free Canvas loading-animation library for the browser, shipped as a native Web Component with a small imperative TypeScript API and 150 switchable motion states.

The all-time top

5 projects · by stars

  1. #1 · basecamp/trix

    trix

    Trix is a free, open-source WYSIWYG rich text editor for web applications, built by 37signals (the creators of Ruby on Rails) and used in Basecamp. It is made for everyday writing: messages, comments, articles, and lists.

    20K
  2. #2 · motion-canvas/motion-canvas

    motion-canvas

    Motion Canvas is a free, open-source tool for creating informative vector animations — you program them in TypeScript and watch them in a real-time preview editor, optionally synchronized with a voice-over.

    19.4K
  3. #3 · Tencent/omi

    omi

    Omi is a lightweight Web Components framework from Tencent that adds JSX, function components, routing, suspense, directives and signal-driven reactivity on top of native custom elements and Shadow DOM.

    13.3K
  1. 4

    wired-elements

    10.8Krough-stuff/wired-elements · TypeScript

    Wired Elements is a collection of custom web components styled to look hand-drawn, useful for wireframes, mockups, or just a sketchy fun UI look.

  2. 5

    loadersz-core

    164lumberjacque/loadersz-core · TypeScript

    loadersz is a dependency-free Canvas loading-animation library for the browser, shipped as a native Web Component with a small imperative TypeScript API and 150 switchable motion states.

Often tagged together