Kinetic type
Hand-picked examples from the cabinet, each with the idea worth stealing.
15 references · Updated
GSAPMotion & animationTweens, timelines and plugins for scroll, SVG and text animation, driven from JavaScript.
NewmixAward-winning sitesDot-matrix 'start with mix' type that the cursor smears and scatters like grains on black.
Noomo StorytellingAward-winning sitesA pastel feather in motion with a huge italic 'storytelling' set along the bottom edge.
React BitsUI componentsAnimated text, backgrounds and microinteractions you copy into a React app as source and tweak.
Yogi SuriaAward-winning sitesA red cross of light and floating rocks behind big sans lines like 'One person. One thread.'
Hello MondayAward-winning sitesBlack-line character animation between big serif section words that swap: Products, Branding.
PremotioMotion & animationUpload a finished design, pick a motion preset, edit in the browser and export an MP4.
Typeface AnimatorMotion & animationA gallery of animated text templates (slice, tile, stripes, trace) you customize without code.
Aceternity UIUI componentsLanding page sections to paste in: animated heroes, cards, backgrounds and text effects in React.
ComponentryUI componentsAnimated React pieces (magnetic dock, particle type, liquid WebGL) you add by CLI or MCP.
Fiddle Digital — experimentsAward-winning sitesPoster cards on a pastel gradient with scrambling-glyph labels, switchable between list and grid.
HaoqiAward-winning sitesA glossy inflated 3D 'hello' behind a huge headline, with floating stickers and a mono header.
IncrediblesAward-winning sitesA giant centered headline where the cursor smears a pink distortion through the letters.
Lando NorrisAward-winning sitesA portrait whose helmet visor swaps to a sliced, glitchy image on hover, over a text ticker.
Lanterne ArchitectesAward-winning sitesAn orange wordmark that blurs on scroll while small photos swap in front, on a peach page.