Wrong Akram Courses

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

Learn to create dynamic wave effects on images using React Three Fiber and shaders. Explore shader basics, wave animations, and texture mapping in this hands-on tutorial.

• YouTube
• 36 minutes
• On-Demand
• 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
• On-Demand
• Free Video

Smooth Loading Transitions with Framer Motion - AnimateSharedLayout

Learn to create smooth loading transitions using Framer Motion's AnimateSharedLayout in React. Covers project setup, Framer Motion basics, loader animations, and banner animations for engaging web experiences.

• YouTube
• 21 minutes
• On-Demand
• Free Video

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

Learn to create engaging micro-interactions using Anime.js, HTML, CSS, and JavaScript. Explore XState for state management, SVG filters for visual effects, and animation techniques inspired by Dribbble designs.

• YouTube
• 34 minutes
• On-Demand
• Free Video

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

Learn to build an interactive Minecraft chest model using React Three Fiber. Create a 3D scene, import models, and implement chest-opening functionality in this hands-on tutorial.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Build UI Components for All Front End Frameworks with Stencil - Design System Components

Learn to build reusable UI components with Stencil.js for cross-framework compatibility. Covers setup, global styles, and component generation for efficient design system development.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Cursor Animations Using GSAP - HTML, CSS & JavaScript

Learn to create captivating cursor animations using GSAP, HTML, CSS, and JavaScript. Master techniques for scaling, media changes, blend effects, and loading animations to enhance user experience.

• YouTube
• 28 minutes
• On-Demand
• Free Video

Page Transitions with React Router and Framer Motion

Learn to create stunning page transitions using Framer Motion and React Router. Enhance user experience with smooth animations and dynamic URL changes in this hands-on tutorial.

• YouTube
• 52 minutes
• On-Demand
• Free Video

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

Learn to create engaging micro-interactions inspired by Dribbble designs using Framer Motion in this hands-on tutorial, enhancing your React and animation skills.

• YouTube
• 33 minutes
• On-Demand
• Free Video

How to Code Page Transitions With Next.js Using Framer Motion - Tutorial

Learn to create smooth page transitions in Next.js using Framer Motion, enhancing user experience with step-by-step guidance on implementing various animation techniques.

• YouTube
• 28 minutes
• On-Demand
• Free Video

How to Design Mobile App UI Using Adobe XD - Auto-Animate Tutorial

Learn to create engaging mobile app UI designs and enhance them with Auto-Animate in Adobe XD. Master essential elements like navigation, search, filters, and image handling in this practical tutorial.

• YouTube
• 22 minutes
• On-Demand
• Free Video

How to Design and Animate a Website with Adobe XD and Protopie

Learn advanced website design and animation techniques using Adobe Xd and Protopie, focusing on creating dynamic effects, triggers, and interactive elements for engaging user experiences.

• YouTube
• 23 minutes
• On-Demand
• Free Video

How to Design and Animate a Website with Adobe XD and Protopie - Part 1 of 2

Aprenda a criar um mini site usando Adobe Xd, com foco em design e animação. Dicas práticas e demonstração passo a passo do processo de criação, desde artboards até botões.

• YouTube
• 29 minutes
• On-Demand
• Free Video