How to Code Dribbble Inspired Micro Interactions Using Framer Motion - Tutorial
Offered By: Wrong Akram via YouTube
Course Description
Overview
Learn to create Dribbble-inspired micro-interactions using Framer Motion in this 33-minute tutorial. Explore the process of building interactive components, including a progress bar, motion elements, and a close button. Follow along with starter files, utilize Framer Motion's API, and gain insights from Gene Ross's Dribbble designs. Enhance your front-end development skills by combining React.js with sleek UI design techniques. Perfect for developers looking to elevate their projects with engaging animations and smooth transitions.
Syllabus
Intro
Project Overview
Project Components
Importing Motion
Progress Bar
Motion Component
Anime Presence
Close Button
Next Stop
Taught by
Wrong Akram
Related Courses
iPad Music Player in XDCoursera Project Network via Coursera Interaction Design: Interface
LinkedIn Learning User Experience Design Essentials - Adobe XD UI UX Design
Skillshare UI Animation using Sketch 3, Principle App, and Flinto
Udemy DiseƱa una App deliciosa
Domestika