Wrong Akram Courses

React and Three.js - Working with Shaders Using React Three Fiber

Build a wave-motion image effect by writing shaders in a React Three Fiber scene.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Reviewing Subscribers' Portfolios and Websites

Expert designer reviews and provides constructive feedback on various portfolios and websites, offering valuable insights for improving design, user experience, and presentation.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Smooth Loading Transitions with Framer Motion - AnimateSharedLayout

Build animated page-loading and banner transitions with Framer Motion’s AnimateSharedLayout in a project walkthrough.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

Micro Interactions Using Anime.js - HTML, CSS & Javascript

Build a Dribbble-inspired note-taking side menu, using Anime.js animations, XState, and SVG filters to create micro-interactions.

• YouTube
• 34 minutes
• Self-Paced
• Free Video

React & Three.js - Building Interactive Minecraft Chest Model with React Three Fiber

Build an interactive Minecraft chest scene, importing a model and adding a toggle with React Three Fiber.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

Cursor Animations Using GSAP - HTML, CSS & JavaScript

Build a custom cursor that scales and swaps media on hover, with blend effects and a loading animation.

• YouTube
• 28 minutes
• Self-Paced
• Free Video

How to Code Dribbble Inspired Micro Interactions Using Framer Motion - Tutorial

Build a swipe-to-enlarge interface with an animated progress bar and close button using Framer Motion.

• YouTube
• 33 minutes
• Self-Paced
• Free Video