Design inspiration curated from X

funny thing, my original loader doesn’t use keyframes. it just loop... - Kevin Grajeda

Published by Kevin Grajeda on January 30, 2026.

funny thing, my original loader doesn’t use keyframes. it just loops opacity with a per‑pixel delay array + a duration param. less flexible than keyframes, but gives a different effect here is one example in case you wa...

Design notes

funny thing, my original loader doesn’t use keyframes. it just loops opacity with a per‑pixel delay array + a duration param. less flexible than keyframes, but gives a different effect here is one example in case you want to try to understand it hahah: { name: 'wave-lr', // Delay in ms before each of the 9 grid cells starts animating, indexed as [0,1,2], [3,4,5], [6,7,8] delays: [0, 100, 200, 0, 100, 200, 0, 100, 200], // How long (ms) each cell takes to fade in/out duration: 600, ]

This entry is part of Northlight's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Kevin Grajeda; use the original X post for source and licensing inquiries.

Reference details

Creator
Kevin Grajeda
X handle
@k_grajeda
Published
January 30, 2026
Media
1 visual reference
Views
122,720
Likes
1,472
Bookmarks
1,560