Let's Build UI
  • Series
  • Articles
  • About
  • Series
  • Articles
  • About
Building a React Confetti Component
Jan 31, 2023

Building a React Confetti Component

Partying hard with React hooks, CSS and the js-confetti library.

  • React
  • CSS
  • Animation
Building a React Confetti Component
Jan 31, 2023

Building a React Confetti Component

Partying hard with React hooks, CSS and the js-confetti library.

  • React
  • CSS
  • Animation
Scroll Animations with Framer Motion
Series

Scroll Animations with Framer Motion

In this series, you’ll learn how to create scroll animations in React using Framer Motion.

  • React
  • Framer Motion
  • Animation
Animated Page Transitions in Next.js
Jun 29, 2022

Animated Page Transitions in Next.js

Use Framer Motion to animate route changes in your Next.js project.

  • Framer Motion
  • React
  • Nextjs
  • Animation
Building Dynamic Icons With CSS Animation
Jun 3, 2022

Building Dynamic Icons With CSS Animation

Use the power of CSS animations to add joy to your icons.

  • SVG
  • CSS
  • Animation
  • Figma
A Typing Text Effect with React Hooks
Apr 17, 2022

A Typing Text Effect with React Hooks

Build a hook that backspaces and types out an array of words.

  • React
  • React Hooks
Building a Heatmap Chart Component
Mar 20, 2022

Building a Heatmap Chart Component

Making a heatmap chart like those seen in Github or Google Analytics.

  • React
  • Data Visualization
  • CSS Grid
Adding Click Animations to Anything
Jan 26, 2022

Adding Click Animations to Anything

Use React hooks and CSS variables to add animation effects.

  • React
  • Animation
  • CSS Variables
How to Build a Story Layout
Dec 8, 2021

How to Build a Story Layout

Create an image story layout like those seen in popular apps.

  • React
  • CSS
  • Javascript
How to Build a Color Palette Component
Oct 18, 2021

How to Build a Color Palette Component

Animating with flexbox, using the Javascript Clipboard API and more.

  • React
  • Javascript
  • CSS
Building a Segmented Control Component
Sep 8, 2021

Building a Segmented Control Component

Use React hooks and CSS variables to create an animated segmented control.

  • React
  • React Hooks
  • CSS
View All Articles
  • Series
  • Articles
  • About
  • Twitter
  • RSS
  • Contact

© 2023 Let’s Build UI. All Rights Reserved.