Life & fun · alternatives · 2026
24 alternatives to CSS3 Animated Glowing Forms
I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/
CSS3 Animated Glowing Forms is a web design demonstration that recreates a glowing form animation effect using CSS3 instead of JavaScript and image manipulation. Inspired by the Dragon Labs Dragonfish demo, it shows… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS3 Animated Glowing Forms launched in 2011; newer entries below may have overtaken it.
- 1
CSS3 animation▲271An experiment with basic CSS3 animations.
2012 · thegoodman.cc · its alternatives →
- 2
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 3
A small JavaScript library to create and animate hand-drawn annotations on a web page
2020 · roughnotation.com · its alternatives →
- 4
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
2020 · 3d-book-css.netlify.app · its alternatives →
- 5
Awesome CSS3 plugin for spiffy animations
2014 · justinaguilar.com · its alternatives →
- 6
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
- 7BJ
2014 · bouncejs.com · its alternatives →
- 8
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 9
A fast, multipurpose and lightweight JavaScript animation library
2016 · anime-js.com · its alternatives →
- 10
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
- 11
A demonstrates of the use of the CSS clip-path property in combination with CSS variables and CSS transitions to create a low-poly animated Pokémon.
2016 · projects.lukehaas.me · its alternatives →
- 12
Create animations by dragging your mouse
2022 · animatize.com · its alternatives →
- 13
Expressive Animator is an SVG vector animation software that helps users create and export animated icons, logos, and illustrations. Users can import SVG, PDF, Adobe Illustrator files, and Figma designs, and animate them using easing controls, motion paths, masking, and other techniques. Expressive Animator also allow users to export their animations in other formats as Lottie, GIF, PNG, and video.
2025 · expressive.app · its alternatives →
- 14
A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms. - GitHub - layoutit/polycss: A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms.
Jun 2026 · github.com · its alternatives →
- 15AW
I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.
2013 · wrist.im · its alternatives →
- 16
Create stunning, transparent UI designs in seconds
2023 · its alternatives →
- 17
- 18
- 19
Animate CSS3▲16A modern reveal-on-scroll library with useful options and animations. (Animate Elements On Reveal) - crazychicken/t-scroll
2017 · github.com · its alternatives →
- 20
- 21
Transformicons▲155Animated icons, symbols and buttons using SVG and CSS
2015 · transformicons.com · its alternatives →
- 22
Bounce.js▲120Create tasty CSS3 powered animations in no time
2014 · bouncejs.com · its alternatives →
- 23TP
2013 · css.markupwand.com · its alternatives →
- 24
A modern reveal-on-scroll library with useful options and animations. (Animate Elements On Reveal) - crazychicken/t-scroll
2017 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →