Watch & Read: Framer Motion

Tip

ดูวิดีโอก่อนอ่าน docs — จะช่วยให้เข้าใจภาพรวมก่อน แล้วค่อยลงรายละเอียดจาก documentation

Videos to Watch

Note

เริ่มจาก CSS Animation ก่อนเพื่อเข้าใจพื้นฐาน → แล้วค่อยไปดู Framer Motion ที่จัดการทุกอย่างให้ง่ายขึ้น

Part 1: CSS Animation พื้นฐาน (ดูก่อน)

CSS Animation Tutorial — เข้าใจ transition + keyframes

Kevin Powell EN

Learn CSS Animations In 20 Minutes

Web Dev Simplified EN

CSS Animations in 100 Seconds

Fireship EN

Part 2: Framer Motion (หลังจากเข้าใจ CSS Animation แล้ว)

Framer Motion Tutorial

Developed by Ed EN

Framer Motion Tutorial — 15 Minute Quick Guide

PedroTech EN

---

Documentation & Reading

motion.dev Official

Official docs (formerly Framer Motion) — เอกสารหลักของ Motion library

Anime.js

Alternative animation library — ลองศึกษาเปรียบเทียบแนวคิด

MDN CSS Animations

พื้นฐาน CSS animation จาก MDN — เข้าใจหลักการก่อนใช้ library