# Animation

> Explore video content that teaches you how to create stunning animations for websites, apps, and digital projects, using modern tools and techniques.

- **Source:** DevDreaming (https://devdreaming.com)
- **Canonical URL:** https://devdreaming.com/videos/category/animation

---

## Videos in Animation

- [Build an Amazing Personal Portfolio Website with Next.js, Three.js & Tailwind CSS](https://devdreaming.com/videos/3d-portfolio-using-nextjs-threejs-tailwindcss) -- Learn to build a responsive personal portfolio with Next.js, Three.js & Tailwind CSS! Add 3D visuals, smooth animations, and interactive features step-by-step. ([watch](https://www.youtube.com/watch?v=T5t46vuW8fo))
- [Build a Stunning Developer Portfolio Website with Next.js 16, Tailwind CSS v4 & Motion](https://devdreaming.com/videos/nextjs-16-developer-portfolio-website-tailwind-css-v4) -- Build an editorial, magazine-style developer portfolio from scratch with Next.js 16, Tailwind CSS v4 and Motion. Features a day/night hero video switch, a live location + weather widget with zero API keys, an animated project carousel and full responsiveness. ([watch](https://www.youtube.com/watch?v=1qJEZVr6eXE))
- [Implement Smooth Scroll & Parallax Effect in Next.js using Lenis and GSAP](https://devdreaming.com/videos/smooth-scrolling-parallax-effect-nextjs) -- Learn how to add smooth scrolling with a parallax effect in Next.js using Lenis Scroll and GSAP. Build modern websites with animations that captivate users. ([watch](https://www.youtube.com/watch?v=QNh0MH-G3OM))

---

## Related on DevDreaming

- [All Video Tutorials](https://devdreaming.com/videos)
- [Blog & Tutorials](https://devdreaming.com/blogs)
- [Free Developer Tools](https://devdreaming.com/tools)

---

_This is the Markdown twin of a page on **DevDreaming** -- free developer tutorials, tools, and AI resources. Source of truth: the canonical HTML URL above._