Practical examples for modern frontend developers.

How to Animate Borders in CSS

Different approaches for animating CSS borders in 2024.

Reacting with Emojis

Building a custom React hook to place emojis on any element.

What is CSS Motion Path?

Animating elements along a custom path has never been easier!

A Rotating Word Wheel Interaction

How to build a scroll-based rotating menu in React.

Working with Sound in React

Enhancing UI interactions with simple sounds.

How to Build a Card Flip Animation

Learn how to apply CSS transforms and animations to playing cards

Dynamic Styling with CSS Variables

Learn the basics of CSS variables, also known as CSS custom properties

Animated Social Share Links

Learn how to build an animation for displaying social links using CSS

Nesting in CSS

A brief intro to the new CSS Nesting module

Building a React Number Ticker

Animate Between Two Numbers with React hooks and CSS