This week we're enhancing our React projects with a nifty new NPM package (full disclosure - I made it!) and also learning the right way to make a modern touch-enabled carousel. Enjoy!

♥️

Donovan at CSSAnimation.rocks

Articles

Animation in React — www.nearform.com

Learn how you can easily bring UI motion to your React apps with these handy components and built-in CSS animations. Also, you can get the NPM package here.

Building a modern carousel — nolanlawson.com

Awesome tutorial on how to build a modern carousel that's accessible and mobile friendly

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Solar System 3D Animation (Pure CSS) — codepen.io

A gorgeous interactive view of our solar system, created and animated using CSS.

Browser hooks example: video — codepen.io

See how React's new hooks can help make a complex interaction easy - this demo tracks mouse position as well as adds custom video controls with just a few lines of code!

CodePen - 🔺 Rainbow Tunnel 🔺 — codepen.io

Entrancing and gorgeous demo - reminds me of the old Mario cart Rain bow Road level

Line Wave Rainbow Animation

🌈 Keeping the rainbow theme, here are some lovely CSS-only rainbow line waves

Cartesian to Polar animation — codepen.io

Some mind-blowing animation showing a mapping between cartesian to polar coordinates 🤯

CSS (on hover) animated SVG icons — codepen.io

I do love some SVG hover animations

Liquid Distortion on Pressure — codepen.io

Here's an interesting idea - using Pressure.js to distort some text on applying pressure! Try with one of them fancy phones with the pressure sensing

That's it for this week! I hope you're having a great February. If you have any questions or ideas (or cool examples you'd like to share) feel free to drop me a line or a tweet! See you next week!

That's it for this week! I hope you're having a great February. If you have any questions or ideas (or cool examples you'd like to share) feel free to drop me a line or a tweet! See you next week.

That's it for this week! I hope you're having a great February

That's it for this week! I hope you're having a great February. If you have any questions or ideas (or cool examples you'd like to share) feel free to drop me a line or a tweet! See you next week.

That's it for this week! I hope you're having a great February. If you have any questions or ideas (or cool examples you'd like to share) feel free to drop me a line or a tweet!