This week we're - wait, what day is it? My apologies, this newsletter is a few days late! Enjoy an extra jam-packed newsletter with tutorials on creating 3D cars, typing effects, lines to layout animations and more.

❤️ Donovan at CSSAnimation.rocks

Create a 3D car show with React Three Fiber and Three.js — www.youtube.com

A great Youtube tutorial on using React Fibre to create a realistic 3D car scene with post-processing effects

A Typing Text Effect with React Hooks — letsbuildui.dev

A hook that backspaces and types out an array of words. Handy for product landing pages!

Lines to Content Layout Animation — tympanus.net

Selecting an image expands nicely to set up the content page in this demo from Codrops

ThreeJS Andy Boilerplate — github.com

One to bookmark for future 3D web projects!

Loaders — uiball.com

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG!

Inspiration

Disappear challenge

I like the use of blur as these letters appear and disappear

CSS Synthwave

Retro-style animation using just CSS

Plucky: a standing wave underline

A standing ovation for this link hover effect

Browser in the Dark: flashlights with CSS and canvas (¶)

Not strictly animation but a cool effect to check out using blend modes to create a flashlight-style cursor