Matt Perry

@citizenofnowhe.re

6445 Followers 57 Following

🔵 Creator of motion.dev 📷 Photographer citizenofnowhe.re

Sanity x Motion
Diagram of next ideal paginated offset
Hello everyone! This is the new Typewriter component in Motion for React. It uses a natural typing animation that varies the timing of each stroke based on the cursor position within a word, overall word length, punctuation, sentence boundaries, and more! When the content changes, the text can be backspaced away. Backspace by character... Backspace by word... Or backspace all at once! There's more little big details, too. For example, the cursor only flashes when typing is paused - just like real life. It's easy to use and can be customized to fit your needs. Styling, animations - everything! Oh yeah... It's tiny, just +1.3kb. And it's Motion+ exclusive!
Screenshot of Motion sponsorwall
Graph showing increase in referrals from ChatGPT
Graph showing increase in motion users in the last year
svgEffect - Render SVG styles or attributes - Simple drawing API with pathLength pathSpacing and pathOffset - Element-relative transformOrigin
attrEffect - Render DOM attributes - Applies via JS property when available - Auto-casing for data-* and aria-*
styleEffect improvements - Independent transforms - CSS variable support - Default value types - Up to 8x faster per frame compute
SVG transform improvements - Swapped measurements for fill-box - m component 10% smaller - SSR support for SVG transforms