<click-to-play> — a still that plays
Summary
A progressive enhancement Web Component that turns a GIF link into a still frame with a click-to-play button, reducing unnecessary GIF loads.
View Cached Full Text
Cached at: 06/17/26, 07:36 AM
Similar Articles
@VincentLogic: In the past, when doing frontend work, I used to either hunt around for GIFs or write CSS until my head ached just to create a loading animation. Recently I came across this open-source library math-curve-loaders, which generates animations purely using mathematical formulas. I took a look — rose curves, Lissajous curves, and other mathematical figures produce extremely elegant animations. Pure HT…
Introduces an open-source frontend library called math-curve-loaders that utilizes mathematical formulas (such as rose curves and Lissajous curves) to generate elegant loading animations. It is implemented purely with HTML+CSS, has zero dependencies, and comes with a visual debugging panel that allows real-time parameter adjustments and one-click code copying.
Progressive Web Components
Ariel Salminen introduces Elena, a 2.6kB open-source library for building Progressive Web Components that render HTML and CSS without JavaScript and enhance progressively. The article explains the design philosophy and taxonomy behind the approach.
@10xmylife: This website is awesome, it has all kinds of animations and is open source
Introducing Amicro, an open-source React micro-interaction and transition component library that lets you add beautiful animations via CLI.
"Stick" – A primitive/fun interactive demo of a tiny rig to animate layout
A playful interactive demo that animates a stick figure using primitive exclusion parts, with text wrapping around the pose in real-time.
Pong in S Favicon
A full Pong game is playing in the browser tab's favicon; scroll up and down to move the paddle, and the score is shown in the tab title.