Stay up to date with new components!

Web Components On Fire

Form

Submit HTML forms with JavaScript— without writing JavaScript

Counter

Animate numbers so that your readers feel their velocity.

Intersection Observer

Trigger animations when elements enter the viewport.

Lightbox

Super charge your image gallery with a full-window carousel shown in a modal

Responsive Menu

A hamburger menu element that shows links in a drawer on small screens

Shy Header

Hide your header while the reader scrolls down and show it again when they scroll up.

Slinky

A custom element that makes many elements for expressive silliness. Like a drop shadow on steroids.

Split Flat

Animate text like a display from a train station of yesteryear. It’s slow but oddly satisfying.

How to use it

Annotated Source Code: Intersection Observer

This custom element registers an IntersectionObserver and add some custom states. That’s about it.