Life & fun · alternatives · 2026
24 alternatives to CSS Pokemon – created with clip-path and CSS variables
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.
CSS Pokemon is a demonstration of animated low-poly Pokémon characters created using CSS clip-path, variables, and transitions. It showcases web design techniques for developers and designers interested in CSS… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS Pokemon – created with clip-path and CSS variables launched in 2016; newer entries below may have overtaken it.
- 1
A fast, multipurpose and lightweight JavaScript animation library
2016 · anime-js.com · its alternatives →
- 2
Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path
Feb 2026 · github.com · its alternatives →
- 3
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 4
- 5
CSS3 animation▲271An experiment with basic CSS3 animations.
2012 · thegoodman.cc · its alternatives →
- 6IM
Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!
2022 · lessmilk.com · its alternatives →
- 7
- 8
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 →
- 9
- 10
A small JavaScript library to create and animate hand-drawn annotations on a web page
2020 · roughnotation.com · its alternatives →
- 11
Shape 2▲5405000+ fully customizable assets for your web design projects
2020 · shape.so · its alternatives →
- 12
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
- 13TL
2014 · qrohlf.com · 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 →
- 15
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
2024 · cssgridgenerator.io · its alternatives →
- 16CA
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/
2011 · kaylarose.github.com · its alternatives →
- 17
- 18
Pokemon game made with JavaScript + p5.js library. Contribute to JSLegendDev/Pokemon-p5js development by creating an account on GitHub.
2024 · github.com · its alternatives →
- 19BJ
2014 · bouncejs.com · its alternatives →
- 20VJ
Velocity.js: An incredibly fast animation engine for motion designers.
2014 · velocityjs.org · its alternatives →
- 21
- 22
Free eBook for learning to code animations
2016 · get.oreilly.com · its alternatives →
- 23
Generate SVG paths for geometric shapes :bar_chart: - andreaferretti/paths-js
2014 · github.com · its alternatives →
- 24
Transformicons▲155Animated icons, symbols and buttons using SVG and CSS
2015 · transformicons.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 →