alt.hn

3/14/2026 at 2:42:36 PM

Show HN: Data-anim – Animate HTML with just data attributes

 https://github.com/ryo-manba/data-anim

by ryo-manba

3/15/2026 at 3:18:39 AM

The demo page scroll is very janky, which detracts from the animations entirely. Seems to be because of the excessive use of blur filters - the cards are on a black background so the filter is not doing anything anyway.

(I'm on a brand new PC with pretty good hardware. It's not as bad on the Mac, but it still can't keep up 60fps)

by ricardobeat

3/15/2026 at 3:45:33 AM

Thanks for the report! I've removed the blur filters.

by ryo-manba

3/15/2026 at 4:12:06 PM

Nice idea, this looks like it simplifies a lot of the common animation cases.

Have you thought about allowing animations to be chained or sequenced? For example running one animation after another using multiple data attributes.

by ata-sesli

3/16/2026 at 12:44:51 PM

Thanks! Stagger is already supported with configurable delay and direction: https://ryo-manba.github.io/data-anim/docs/stagger/

Chaining across different elements isn't supported yet, but great idea. Will look into it.

by ryo-manba

3/14/2026 at 7:46:15 PM

I like the simplicity. Great job. Though I could have used a demo page with a block for every animation at once instead of poking at choices.

by hyperhello