Caden Chen – Medium

Caden Chen

Caden Chen
in
Bootcamp

The Go-To Guide for Custom Fonts with React and Tailwind CSS

As a front-end developer, I often face requests from clients or designers to use specific fonts to match their brand identity or design…

4d ago

The Go-To Guide for Custom Fonts with React and Tailwind CSS

4d ago

Caden Chen
in
Bootcamp

Implementing Custom Cursors in React

As a front-end developer, there will be times when design drafts or clients require you to implement a custom cursor for a website.

5d ago

Implementing Custom Cursors in React

5d ago

Caden Chen
in
JavaScript in Plain English

Setting Up a Quick and Sleek Preloader Component with React and LDRS

Sometimes, you might want to enhance your website by adding a quick preloader or loading page. This feature can significantly improve the…

Jul 19

Setting Up a Quick and Sleek Preloader Component with React and LDRS

Jul 19

Caden Chen
in
JavaScript in Plain English

Enhance Your Website with Fast and Engaging Lottie Animations

As a front-end developer, there are moments when you need to create a website quickly, whether due to tight deadlines or budget…

Jul 18

Enhance Your Website with Fast and Engaging Lottie Animations

Jul 18

Caden Chen
in
Bootcamp

Bringing Life to Your Website with Moving Mesh Gradient Backgrounds

Recently, I’ve noticed an increasing trend with mesh gradient designs.

Jun 26

Bringing Life to Your Website with Moving Mesh Gradient Backgrounds

Jun 26

Caden Chen
in
Level Up Coding

Implementing an Infinite Looped Autoplay Carousel in React with Splide

If you are looking for an infinite icon slider (non-interactive), Implementing an Infinite Icon Slider in React with Framer Motion

Jun 22

Implementing an Infinite Looped Autoplay Carousel in React with Splide

Jun 22

Caden Chen

Interactive On-Scroll Letters Animation with React

Recently, a client asked me to create an animation that expands the word “evergroooowing” by animating the letters in between.

Jun 19

Interactive On-Scroll Letters Animation with React

Jun 19

Caden Chen
in
JavaScript in Plain English

Using Webkit to Create Stunning Gradient Text Colors on Your Website

Jun 6

Using Webkit to Create Stunning Gradient Text Colors on Your Website

Jun 6

Caden Chen
in
Bootcamp

Bringing Human-Like Animation to Web Development with RIVE and React

As AI trends continue to rise, human-like interactions are becoming more popular than ever.

Jun 3

Bringing Human-Like Animation to Web Development with RIVE and React

Jun 3

Caden Chen

I've been sharing my learning journey on Medium for about four months now.

May 27

May 27

Caden Chen

Caden Chen

A collection of React, Tailwind and Framer Motion features. Sometimes I write about Figma, Jitter and maybe some boring Backend APIs.

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams