Alternatives
Products that do what spoilerjs – Reddit-style spoilers with particle animations does
Hello HN! I just published my first npm library as a small way to give back to the open source community. I built `spoilerjs`, a lightweight web component that lets you hide text with an animated spoiler effect. Think Reddit spoilers, but with more flair! It works with plain HTML, React, Vue, or Svelte, and you can customize attributes like particle density, velocity, and scale. The effect is totally inspired by the Telegram app! Demo: https://spoilerjs.sh4jid.me NPM: https://www.npmjs.com/package/spoilerjs GitHub:…
- 1AJ
2016 · anime-js.com
- 2
- 3
- 4RR
2018 · react-reveal.com
- 5
- 6
- 7IV
2019 · github.com
- 8HP
We're integrating with the awesome project Matter.js (http://brm.io/matter-js/) as a Physics engine for our HTML5 animation app. Here's a quick demo video showing it specifically in action: https://www.youtube.com/watch?v=LHI-hNjiors In developing, I'd often spend hours playing with it making complex rube goldberg setups and pinball machines :).
2015 · tumult.com
- 9
- 10RR
2017 · github.com
- 11CP
2015 · consolejson.com
- 12AW
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
- 13WV
Hey everyone, my friend and I created a GitHub Wrapped video for developers to showcase their activity on the platform in a more fun way. The implementation is open-source (https://github.com/rendleyhq/github-wrapped-2024) if you're interested in how it was built. To get a bit geeky, we used masks, keyframe animations, luma key shaders to remove the background from the confetti video, and some other techniques. Also, everything is rendered directly in the browser!! I'm curious to hear your thoughts on the rendering performance, especially if you're running this on your…
2024 · rendley.com
- 14CF
Hi! I'm Alan, and I built a website that turns images into flowing particle animations. This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields. It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance. The tool is completely free and open source (MIT license). Github repo: https://github.com/collidingScopes/particular-drift Let me know of any feedback or suggestions for improvement.
2025 · particular-drift.netlify.app
- 15RD
2015 · leanpub.com
- 16IH
Hello HN, I had some christmas free time over the last two weeks (Merry Christmas btw ;-)) and used that time to completely recreate the website of my app[1]. I used all the fancy new tools. I didn't know some of them when I started. What was my goal? * Pretty website * Blazing fast * Mobile first * SSR * Webp support * Generally all the best website practices (high lighthouse score) What did I use? * Tailwindcss (https://tailwindcss.com/) * Tailwind Components (https://tailwindui.com/) * React (https://reactjs.org/) * ViteJs…
2021
- 17
- 18RC
2017 · github.com
- 19OP
2017 · lab.openbloc.fr
- 20IB
Hey everyone! Some time ago I was analyzing why React apps are so hard to optimize, and came to a conclusion that the lack of atomic updates is the culprit. I made an experimental library which basically updates everything in place directly in HTML. At some point I became aware that Solidjs exists, which is a very similar idea, but at the end of the day I realized my approach to API is quite different and warrants the existence of my library (my state primitive allows selector subscriptions, array iterators return a state primitive with the element, allowing to never re-render the whole…
2024 · github.com
- 21RD
2017 · github.com
- 22DS
2020 · defaced.dev
- 23TW
2021 · github.com
- 24AR
2020 · reveal-plantuml.github.io
Ranked by how close each launch is in meaning, then by votes. Refine with a description →