Dev tools · alternatives · 2026
24 alternatives to Granim.js
Create fluid and interactive gradients animations using JS
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Granim.js launched in 2016; newer entries below may have overtaken it.
- 1

Create fluid and interactive gradient animations with this small javascript library.
2016 · sarcadass.github.io · its alternatives →
- 2
Gradient Buttons▲171Beautiful buttons with hover animations
2017 · gradientbuttons.colorion.co · its alternatives →
- 3GJ
2016 · omrelli.ug · its alternatives →
- 4

Pts is a javascript library for visualization and creative-coding.
2018 · ptsjs.org · its alternatives →
- 5

A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 6
particles.js▲113A lightweight JavaScript library for creating particles.
2014 · vincentgarreau.com · its alternatives →
- 7VJ
Velocity.js: An incredibly fast animation engine for motion designers.
2014 · velocityjs.org · its alternatives →
- 8
Lax.js▲343Create beautiful & smooth animations when you scroll
2019 · github.com · its alternatives →
- 9
UI Gradients▲101Lets you make beautiful color gradients in CSS
2014 · uigradients.com · its alternatives →
- 10

A novel and easy way to design beautiful color gradients.
2020 · mybrandnewlogo.com · its alternatives →
- 11

Your go-to gizmo for generating goofy gradients
2022 · art-of-the-gradient.tone-row.com · its alternatives →
- 12

Generate and make beautiful colors
2024 · cssgradientgenerator.com · its alternatives →
- 13
Anime.js▲236A flexible yet lightweight Javascript animation library.
2016 · anime-js.com · its alternatives →
- 14
p5.js▲202JS library for creating graphic and interactive experiences
2015 · p5js.org · its alternatives →
- 15

A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.
2021 · doersino.github.io · its alternatives →
- 16
Blend 2.0▲110Create and customize beautiful CSS3 gradients
2016 · colinkeany.com · its alternatives →
- 17

- 18AI
(space = reset) Fluid mechanics is an extremely interesting topic and I have been creative coding for a couple of months now. Therefore I started working on flow fields in processing. It had so much fun playing around with the different parameters in this project, I decided to rewrite in p5.js an added a control panel. You can change most of the parameters (within some constraints I thought to be reasonable), randomize the values and export and import settings. Hopefully some coders here get inspired and also join the great creative coding community.
2024 · synapse.nugatio.com · its alternatives →
- 19
WOW.js▲123Animate elements on-scroll to catch attention. Such Magic.
2014 · mynameismatthieu.com · its alternatives →
- 20O6
Hey HN, We’re excited to share Gradienty's CSS Animation Generator designed to make web animations intuitive and accessible for developers and designers at any level. Whether you’re new to CSS animations or a seasoned pro looking to save time, Gradienty equips you with the tools to create beautiful animations with zero coding headaches. Key Features: 1. 600+ Pre-Built Animations: From subtle hover effects to complex keyframe sequences, all categorized for easy navigation. 2. Visual Editor with Live Preview: See your animations in action as you tweak timing, easing, delay, and iterations. 3.…
2024 · gradienty.codes · its alternatives →
- 21

- 22

- 23

- 24

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 →