Sublime
An inspiration engine for ideas
Procedural Animation School #1: You gotta rotate before you can walk.
Procedural animation. Most people think of spiders and a lot of legs. This is one part, but I would say transforming physical forces into rotations is even more important & a good start > Thread > https://t.co/NPjdrZAI1g
Jakob Wahlbergx.comJust a couple of lines 😉
Multi-state Lottie in React
[ Made with @LottielabHQ implemented in @reactjs | Asset from @medusajs ]
Daryl Patigasx.comDirectional aware CSS button :hover w/ lh, text-shadow, and linear()
button:has(span:nth-of-type(2):hover) { --y: -1lh; }
button span:first-of-type {
translate: 0 var(--y);
transition: translate .875s var(--spring);
text-shadow: 0 1lh currentColor, 0 -1lh... See more
jhey ʕ•ᴥ•ʔx.comfull animation done for @mymind
we play this lovely animation as a reward for marking something as read
label is editable so we can use it for various type of content
one interesting quirk is when animation finishes and the cursor stays over the button it ignores... See more
Bartek Radziejewskix.com


Framer Remix Player 💿
The idea here is to showcase a few Framer animations built using Arrow Dynamics. Might open up for community showcase later.
Made in @figma https://t.co/upNX9WOz3e
CSS Pro Tip: Reuse your @​keyframes 🎬
.ring, .node { animation: spin 10s infinite linear; }
.ring:nth-of-type(1) .node,
.ring:nth-of-type(2) {
animation-direction: reverse;
}
@​keyframes spin { to { rotate: var(--r, 360deg);... See more
jhey ʕ•ᴥ•ʔx.com