@Formulasearch: Very useful
Summary
Linear design engineer Emil Kowalski compiled 90+ animation terms covering 12 categories. The author used Claude to create a bilingual preview site for understanding the effects.
View Cached Full Text
Cached at: 06/10/26, 09:46 AM
Sac (@Saccc_c): To make AI produce professional-level animations, you must first learn how to describe them.
Linear design engineer Emil Kowalski has curated 90+ animation terms, covering 12 categories such as elastic animations, interaction feedback, etc. Useful for website and video animations. https://t.co/eGO2UJLIeX
To make it easier to understand the actual effect of each term, I used Claude to create a bilingual preview site. 👇
Similar Articles
@Saccc_c: If you want AI to create professional-grade animations, you first need to learn how to describe them. Linear design engineer Emil Kowalski compiled 90+ animation terms, covering 12 categories including elastic animations, interaction feedback, etc. Useful for websites and video animations. http://animations.d…
Linear design engineer Emil Kowalski compiled over 90 animation terms across 12 categories to help users better describe animation effects to AI. Additionally, the author used Claude to build a bilingual preview site to facilitate understanding of each term's actual effect.
@vista8: Found a frontend development Skill: for example, often not knowing technical terms makes it hard to write professional animations and interactions. You can use this Skill as a dictionary, e.g., ask animation-vocabulary "What is the name of the animation where list items pop up one by one?" Use emil-design-eng to polish the modal/button/page animation. Use review-animations to review animation issues.
Recommend several frontend animation-related Skill tools to help developers look up professional animation terms, refine interaction animations, and review animation issues.
@xiangxiang103: Just discovered an amazing site! https://motionsites.ai It's full of high-end AI website prompts. Copy-paste to your AI and instantly get stunning animated landing pages, SaaS, portfolios... Make in minutes what used to take days. Too good!
Discovered a wonderful site motionsites.ai offering high-end AI website prompts. Copy-paste to quickly generate animated landing pages, SaaS, and portfolios, greatly improving efficiency.
@Saccc_c: Discovered an animation generation tool that directly converts natural language into cool Lottie animations. The effects shown in the video below can be generated in one go — very impressive. (The prompt guide is in the comments, you can feed it directly to AI to help write high-quality prompts.) Combining it with video production tools like HyperFrames opens up even more possibilities. Finally...
An open-source tool that uses AI agents (such as Claude Code/Codex) to directly convert natural language into production-ready Lottie animations, supporting one-click installation and a prompt guide.
@VincentLogic: In the past, when doing frontend work, I used to either hunt around for GIFs or write CSS until my head ached just to create a loading animation. Recently I came across this open-source library math-curve-loaders, which generates animations purely using mathematical formulas. I took a look — rose curves, Lissajous curves, and other mathematical figures produce extremely elegant animations. Pure HT…
Introduces an open-source frontend library called math-curve-loaders that utilizes mathematical formulas (such as rose curves and Lissajous curves) to generate elegant loading animations. It is implemented purely with HTML+CSS, has zero dependencies, and comes with a visual debugging panel that allows real-time parameter adjustments and one-click code copying.