![[VIP] DesignCode: Build Beautiful Apps with GPT-4 and Midjourney](https://design.rip/uploads/cover/blog/designcode-gpt4.webp)
![[VIP] AppCoda: Mastering SwiftUI - Professional Packet (Updated 04.2023)](https://design.rip/uploads/cover/blog/appcoda-mastering-swiftui-professional-packet-worth.webp)
![[VIP] AppCoda: Beginning iOS Programming with Swift (Updated 04.2023)](https://design.rip/uploads/cover/blog/appcoda-beginning-ios-programming-with-swift.webp)
![[VIP] Whoooa! 156 vector Lottie animations](https://design.rip/uploads/cover/blog/whoooa-156-vector-animations.webp)
![[VIP] Motion Sound Vol. 1](https://design.rip/uploads/cover/blog/designrip-svx.webp)
[VIP] Build UI: High-Quality Videos on Frontend Development [Updated 02.2023]
Learn how to build modern user interfaces for the web. High-quality videos, a private Discord server, and enough reference code to help you make the web what you always dreamed it could be.
![[VIP] Build UI: High-Quality Videos on Frontend Development [Updated 02.2023]](https://design.rip/uploads/cover/blog/buildui.jpeg)
·
Learn how to build modern user interfaces for the web.
High-quality videos, a private Discord server, and enough reference code to help you make the web what you always dreamed it could be.
Framer Motion Recipes
Add beautiful animations to your React apps using Framer Motion.
Multistep wizard
Learn the basics of state-based animation with Framer Motion.
Email client
Add animation to unmounting elements using the versatile AnimatePresence component.
Fixed header: Part 1
Use scroll-based animation to smoothly grow and shrink a fixed header.
Fixed header: Part 2
Add a fading nav and a blurred background effect by extracting a reusable Hook.
Carousel: Part 1
Learn how to use the `x` shorthand property to smoothly animate an image container.
Carousel: Part 2
Use an animated aspect ratio to create a navigation bar inspired by iOS Photos.
Resizable panel
Use measured height to resize a panel with dynamic content.
Calendar
Animate an infinite monthly calendar using direction-aware dynamic variants.
What's Your Reaction?
![[VIP] Hype4 Academy: Boring UI Course](https://design.rip/uploads/cover/blog/hype4academy-boringui.webp)