Vibe Coding × UX Development

Vibe coding still needs
UX development.

The faster ideas become code, the more it matters that people can understand and enjoy what you build. Learn the principles and practice of UX development through courses, tutorials, and articles.

Explore UX Courses Try Tutorials Read Insights

UX Development Courses

Course6lessons

D3 Data Visualization

From bar charts to interactive 3D globes — 6 essential D3.js v7 patterns

Start learning→
Course9lessons

개발 환경 입문

터미널부터 Vercel 배포까지 — 코딩 경험 없이 시작하는 개발 환경 세팅

Start learning→
Course17lessons

GSAP Animation

Scroll effects, 3D transforms, SVG drawing, smooth scroll — 17 essential GSAP patterns

Start learning→
Course10lessons

Three.js for Interactive Content

Build scroll-driven 3D scenes, product viewers, particle systems, and shader effects — patterns you can ship on real projects

Start learning→
Course준비중

Vibe Coding for UX Engineering

Build production-ready UI with Claude Code — prompting, iteration, CSS, GSAP animations, JS interactions, and real project delivery

Hands-on Tutorials

Start with the finished result, then compare it with the source to quickly understand the implementation and core patterns. Apply what you need directly to your work.

UI Components 8 demos Design System 4 demos CSS 6 demos Canvas 2D 3 demos Three.js 4 demos Motion 4 demos Transitions 5 demos

Blog

Insights on UX, interaction, and front-end implementation in the age of vibe coding.

See all →