Life & fun · alternatives · 2026
24 alternatives to SVG animated loading buttons
Just press the Send button and then make it fail or succeed
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. SVG animated loading buttons launched in 2016; newer entries below may have overtaken it.
- 1
Loading.io▲11Build Your Ajax Loading Icons with SVG / CSS / GIF
2015 · loading.io · its alternatives →
- 2
Get waves▲602A simple web app to generate svg waves, unique every time
2019 · getwaves.io · its alternatives →
- 3
Customize, scalable backgrounds and patterns for free
2018 · svgbackgrounds.com · its alternatives →
- 4
SVG Icons▲81Ready to use SVG icons for the web. Just copy & paste!
2014 · svgicons.sparkk.fr · its alternatives →
- 5
- 6
Transformicons▲155Animated icons, symbols and buttons using SVG and CSS
2015 · transformicons.com · its alternatives →
- 7
- 8AT
2021 · svija.love · its alternatives →
- 9
SVG Waves▲263Instantly generate SVG waves - made by a 12 year old 🌊
2021 · svgwaves.io · its alternatives →
- 10
Walkway.js▲121An easy way to animate simple SVG elements
2014 · connoratherton.com · its alternatives →
- 11
A web app that lets you create and download svg documents.
2019 · webgrid.com · its alternatives →
- 12
- 13MS
Hey HN I built svggles (npm: interactive-illustrations), a React utility that makes it easy to add playful, interactive SVGs to your frontend. It supports mouse-tracking, scroll, hover, and other common interactions, and it's designed to be lightweight and intuitive for React devs. The inspiration came from my time playing with p5.js — I loved how expressive and fun it was to create interactive visuals. But I also wanted to bring that kind of creative freedom to everyday frontend work, in a way that fits naturally into the React ecosystem. My goal is to help frontend developers make their…
2025 · svggles.vercel.app · its alternatives →
- 14
SVG Circus▲125Design cool svg spinners and other looped svg animations
2014 · svgcircus.com · its alternatives →
- 15
- 16
Hey HN, I recently found myself needing a quick way to preview HTML and SVG code without having to copy it into an IDE, save it, and then open it in a browser. ChatGPT's new canvas feature is great for generating code, but it doesn't provide a way to preview HTML directly. To solve this, I made a small bookmarklet that allows you to instantly preview HTML from your clipboard in a new tab. Just copy your HTML, click the bookmarklet, and it will render immediately. It's a simple tool, but it’s saved me a lot of repetitive steps, and I figured it might help others too. The bookmarklet code and…
2024 · gist.github.com · its alternatives →
- 17ES
2014 · chartspree.com · its alternatives →
- 18
- 19
- 20
- 21
- 22
SVG Weave▲14Hey HN, I'm a solo dev and I kept wasting hours hand-writing CSS @keyframes to animate SVGs. Write a keyframe, preview, tweak the timing, preview again, repeat. For anything beyond a simple fade it turns into dozens of rules across multiple elements. I wanted something where I could just describe the motion and get working animations back. SVG Weave is a visual node graph editor for this. You place nodes on a canvas (SVG input, prompt, render) and connect them with wires. Type what you want the animation to do, hit render, and the AI streams CSS @keyframes back in real time. You see the SVG…
Feb 2026 · svgweave.com · its alternatives →
- 23
Glance▲86A VSCode extension for viewing SVG sprites easy-peasy
2021 · marketplace.visualstudio.com · its alternatives →
- 24AW
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 →
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 →