TorusKit – Web Animations Right in HTML
TorusKit – Web Animations Right in HTML
Hi HN, TorusKit is a JavaScript library that lets you create simple or complex web (CSS) animations right in the HTML. No need to create any JS or CSS files. I was working on this couple of years to be as simple to use as possible. It uses [data-tor] attributes with a simple (low-code like) syntax: <div data-tor="animate:[[translateX(2rem)], [scale(1.5)] <1s, infinite, alternate>]">Hello</div> It’s kind of like AOS (Animate On Scroll), but more flexible and not just limited to scroll, also simpler than GSAP for someone who doesn't like the code complexity. It supports things like: – Animations and chaining – Scroll-based animations (parallax) – Mouse-follow effects – Stagger + group animations – And much more I’m still fixing bugs and edge cases, but it’s functional and stable enough for small/medium sites. It works best with WordPress, Bootstrap-based, or other static pages. The Svelte support is coming soon! Site: https://toruskit.com Docs: https://docs.toruskit.com I’d really appreciate any feedback. Thanks!
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Incorrect prediction on native model
Similar products
The Web Animations You Have Always Wanted
Doom 1993 Preprocessing Animations
I made some transistor animations
css,html,web,web dev,animations
Mjukna – Layout animations for the web
Create web animations for any framework
Jibber, an HTML publisher for IRC
HTML requires
Elixir Phoenix HTML Mailer
Autoresizing HTML textarea (adds rows as you fill it)