惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Visual Studio Blog
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
The GitHub Blog
The GitHub Blog
N
Netflix TechBlog - Medium
腾讯CDC
A
About on SuperTechFans
博客园 - 叶小钗
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
D
DataBreaches.Net
D
Docker
宝玉的分享
宝玉的分享
量子位
Microsoft Azure Blog
Microsoft Azure Blog
Martin Fowler
Martin Fowler
博客园 - 三生石上(FineUI控件)
Jina AI
Jina AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
V2EX
Last Week in AI
Last Week in AI
H
Help Net Security
Hugging Face - Blog
Hugging Face - Blog
M
MIT News - Artificial intelligence

Codrops

Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU | Codrops Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js | Codrops Building an Infinite Loom: Unravelling Images into Threads with Three.js | Codrops Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js | Codrops From Rays to Meshes: Building Vercel’s Prism with vgpu | Codrops More Three.js Speakers, More Ideas from Paris | Codrops Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js | Codrops Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js | Codrops Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js | Codrops Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio | Codrops Building a Mouse-Following Square Lens Effect with Three.js and GLSL | Codrops Blender to Three.js and Back: 10 Tips for a Better Workflow | Codrops Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs | Codrops Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU | Codrops Relighting Images with Depth Maps and Three.js | Codrops Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data | Codrops Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story | Codrops Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage | Codrops From Motion to Meaning: Denis Avramenko’s Approach to Interactive Design | Codrops Creating an Interactive 3D Cluster with Three.js, TSL and Three Start | Codrops Exploring Procedural Geometry with Three.js and WebGPU | Codrops From Brand Systems to Cultural Worlds: Inside Antinomy and 27b | Codrops Designing a Flexible Digital Archive for Chems.Studio’s Creative Practice | Codrops The Department Is Open: Building the PX PUSH Website | Codrops Garden Anomaly: A Tiny WebGPU and TSL Experiment | Codrops A Canvas for Individuality: Creating Websites That Feel Unmistakably Human with Readymag | Codrops Building an Endless Interactive Glass Xylophone with Three.js | Codrops The Story Is in the Interaction: Bonhomme’s Digital Experiences for Luxury Brands | Codrops Building an Infinite GSAP Scroll Gallery with Parallax and Flip Transitions | Codrops Studio Freight: Moving Missions Forward | Codrops
A Single DM, a First SOTD, and the Start of Chanh M. Ho’s...
2026-04-09 · via Codrops

Xin chào — hello, I’m Chanh (mChanh), a creative developer based in Ho Chi Minh City, Vietnam. I’ve been following this creative path for the past three years. I’m currently open to freelance work and new collaborations, so if you have something cool in mind, feel free to reach out.

A huge thanks to Codrops for the opportunity to be featured in this Developer Spotlight and share part of my journey. Let’s goooo!

Recent Launches

1. Huy Phan’s Portfolio (2022)

Client: Huy Phan
Collaborators: Huy Phan
Awards: Awwwards (SOTD, Dev Awards), FWA (FOTD), CSSDA (WOTD, WOTM)
Tech stack: Vanilla JS, HTML, CSS, GSAP

This was the first time I worked on a website heavily focused on animation and motion.

Back then, I had only just discovered GSAP and didn’t have much experience in this space yet. The whole project was even built with plain HTML, CSS, and JavaScript — no bundler, no modern tooling, just the basics. And yeah, it was very much a learn-as-I-built kind of project. Luckily, I was still able to bring around 80% of Huy Phan’s original idea to life.

Even though it took quite a bit of time to finish, I’m happy that everything still holds up and continues to work well even today.

2. WON .J You Studios (2025)

Client: Won .J You
Collaborators: Huy Phan, Thinh Doo
Awards: Awwwards (SOTD, Dev Awards), FWA (FOTD), CSSDA (WOTD)
Tech stack: Next.js, GSAP, SCSS

This was the fastest project I’ve ever completed so far, taking around two and a half months for both the design and development. The site was built around storytelling, which meant a heavy focus on scroll-based animations throughout the experience. My favorite part was the scrolling sequence on the homepage, which also turned out to be the most challenging piece to handle.

I’m really happy with how the final output came together — it feels smooth, unique, and a little unconventional in a way that makes the experience more memorable. Finishing this project was genuinely satisfying.

Fun fact: The entire site was generated as a static page setup, with no CMS or backend involved at all xD

3. MIUX Studio (2025)

Client: MIUX Studio
Collaborators: Huy Phan, Thinh Doo
Awards: Awwwards (SOTD, Dev Awards), FWA (FOTD), CSSDA (WOTD)
Tech stack: Next.js, GSAP, SCSS, Prismic, Vercel

Another project that turned out really smooth and elegant. What I loved most here was the page transition work. As you can probably notice, the project uses two different transition types, which was a fun challenge for me since it was my first time handling multiple page transition systems in Next.js.

The image flip transition was especially interesting. At first, I didn’t account for slow network conditions, which meant the effect could break if the next page image hadn’t loaded in time. The trick that eventually made it reliable was to first flip the image into fullscreen, transition to the new page, wait for the actual image asset to finish loading, and only then complete the flip into its final position on the new page.

And yeah, once everything came together, the overall result felt amazing. I’m genuinely proud to have turned it into a polished, high-quality project.

4. Eislab (2025)

Client: Eislab
Collaborators: Huy Phan, QuangDinh
Awards: Awwwards (SOTD, Dev Awards), FWA (FOTD), CSSDA (WOTD)
Tech stack: Next.js, GSAP, SCSS, Prismic, Vercel

My first project of 2025, and also the second SOTD milestone in my career after two years. It marked an energetic and lucky start to the year, making it a truly unforgettable project.

This was also my first time working with Next.js and PrismicIO, so one of the biggest challenges was learning how to keep the project structure and codebase clean. Looking back, it became a milestone that means a lot to me.

My favorite parts were the curved slider on the About Us page and the menu animation.

About me

I still remember my university days, especially my final year before graduation, when I first discovered a different kind of website experience — creative websites that felt smooth, visually striking, and unlike anything I had seen before. That was when I came across Awwwards and Codrops, and from that moment, I knew this was the path I wanted to pursue.

At first, it was purely driven by curiosity. I simply loved the craft and wanted to learn by building, even though there weren’t really many opportunities for this kind of work in Vietnam at the time.

Later on, I came across Huy Phan in a design community and decided to send him a direct message, asking if I could have a chance to develop something in that animation-driven style. Thankfully, he gave me the opportunity to build his very first portfolio website.

After months of grinding and figuring things out, we finally launched the site — and that project led to my very first SOTD. It was an incredible and unforgettable milestone in this journey.

After that first SOTD, I joined D2 Studio (shout out to Michael B. Luong), and it wasn’t until two years later that I had the chance to collaborate with Huy Phan again. Since then, I’ve transitioned into full-time freelance work, which is where I am today.

Outside of work, one of my favorite hobbies is customizing my Vespa — another space where I get to obsess over details, style, and personality.

Workflow & Stack

1. Core Stack

  • Figma (reference design and layout exploration)
  • Next.js, React, TypeScript
  • Headless CMS (Prismic, Sanity)
  • GSAP (animation and motion systems)
  • Vercel (deployment)
  • Cursor IDE (development workspace)

2. Inspiration & References

  • Awwwards, The FWA, CSS Design Awards, Codrops
  • Save references from Twitter (X), LinkedIn

Future Goals

Right now, my biggest goal is simple: keep growing.

I want more opportunities to work with people in the industry, learn from their experience, and continue sharpening my craft. I’m also planning to go deeper into WebGL, 3D, and spoken English to open up bigger opportunities in the future.

More than anything, I hope to keep moving forward on this creative developer journey, while also seeing the Vietnamese market become more open and excited about this space.

Final thoughts

I’m truly grateful for everyone who gave me opportunities along the way, and I hope my story can inspire more developers in Vietnam to explore this creative side of the web.

And finally, a huge thank you once again to Codrops for giving me the opportunity to share my journey here. Wishing the community continued growth and even more amazing work ahead. Peaceeee ✌️

If you think our ideas might align, I’d love to connect and see what we can build together. Explore more of my work in my portfolio, drop me a line via email, or connect with me on LinkedIn / Instagram.