Let's Build UI
A collection of 15 posts
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.
Dynamic Styling with CSS Variables
Learn the basics of CSS variables, also known as CSS custom properties
How to Build a Story Layout
Create an image story layout like those seen in popular apps.
How to Build a Color Palette Component
Building a Drawer Component With React Portals
Learn how to build a flexible Drawer component.
A 3D Hover Effect Using CSS Transforms
How to Build an Image Comparison Slider
Using React hooks to build a before and after image comparison component.
A guide to working with CSS animation and transition events.
Building an Audio Player With React Hooks
Discover how to build an audio player using React and the HTMLAudioElement interface.
Reducing Motion in Animations
Building a Dark Mode Theme Toggle
Learn how to build an interesting dark mode animation.
How to Lazy Load React Components
Discover how to use React Lazy, React Suspense, and the Intersection Observer API to load content only when needed.