Let's Build UI
  • Articles
  • About
  • Articles
  • About
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
Building a Drawer Component With React Portals
Aug 7, 2021

Building a Drawer Component With React Portals

Learn how to build a flexible Drawer component.

  • React
  • React Hooks
  • Javascript
How to Animate Mounting Content in React
Jul 26, 2021

How to Animate Mounting Content in React

Using React hooks to solve a common animation issue.

  • React
  • React Hooks
A 3D Hover Effect Using CSS Transforms
Jun 20, 2021

A 3D Hover Effect Using CSS Transforms

Creating a hover interaction with Javascript and CSS.

  • CSS
  • CSS Animation
  • Javascript
How to Build an Image Comparison Slider
May 27, 2021

How to Build an Image Comparison Slider

Using React hooks to build a before and after image comparison component.

  • React
  • CSS
  • Javascript
View All Articles
  • Articles
  • About
  • Twitter
  • RSS
  • Contact

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