Caden Chen – Medium

Caden Chen

Caden Chen
in
Level Up Coding

How to Add a Mini Audio Player to Your Website with React

This is a niche topic, but recently I’ve been experimenting with audio players and decided to build a mini one. My goal was a simple…

4d ago

How to Add a Mini Audio Player to Your Website with React

4d ago

Caden Chen
in
JavaScript in Plain English

Real-Time Data Synchronization from Website Forms to Mobile Applications with React and Firebase

As a developer building websites for various sales personnel, I always strive to provide better user interfaces for my clients. One of my…

4d ago

Real-Time Data Synchronization from Website Forms to Mobile Applications with React and Firebase

4d ago

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…

Jul 25

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

Jul 25

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.

Jul 24

Implementing Custom Cursors in React

Jul 24

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

Caden Chen

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

Following

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