Olivier Larose

@UCAQIyLXYgNmAyvL2kc_09fA - 50.6K subscribers

Hey there👋

Home Videos Live Playlists

How Difficult Are These Web Animations?! (TIER LIST)

How Difficult Are These Web Animations?! (TIER LIST) Olivier Larose

157.9K views - 1 year ago

If I Had to Start Over, This is What I'd Do

If I Had to Start Over, This is What I'd Do Olivier Larose

22.3K views - 1 year ago

5 Ways to Make Gradients on the Web

5 Ways to Make Gradients on the Web Olivier Larose

41.3K views - 1 year ago

Top 10 Web Animation Trends of 2024

Top 10 Web Animation Trends of 2024 Olivier Larose

35.4K views - 1 year ago

Why I Freelance and Why You Should Too

Why I Freelance and Why You Should Too Olivier Larose

7.4K views - 1 year ago

My Top 10 Resources for Web Animations

My Top 10 Resources for Web Animations Olivier Larose

47.9K views - 1 year ago

GSAP vs Framer Motion for React

GSAP vs Framer Motion for React Olivier Larose

72.1K views - 1 year ago

My Top 5 Techniques for Web Animation

My Top 5 Techniques for Web Animation Olivier Larose

239.7K views - 1 year ago

Build a Curved Image using R3F and Framer motion

Build a Curved Image using R3F and Framer motion Olivier Larose

9.2K views - 1 year ago

Build a Text Parallax Animation with React and Framer Motion

Build a Text Parallax Animation with React and Framer Motion Olivier Larose

14K views - 1 year ago

2 Ways To Make an Awwwards Sticky Footer

2 Ways To Make an Awwwards Sticky Footer Olivier Larose

20.8K views - 1 year ago

Build a Parallax Section Transition with React and Framer Motion

Build a Parallax Section Transition with React and Framer Motion Olivier Larose

33.5K views - 1 year ago

Build a Paint Reveal Effect using the Canvas API and React

Build a Paint Reveal Effect using the Canvas API and React Olivier Larose

6.6K views - 1 year ago

5 Things I Learned in my Journey as a Developer

5 Things I Learned in my Journey as a Developer Olivier Larose

10.3K views - 1 year ago

Build a Wave Distortion Shader using Three.js and React

Build a Wave Distortion Shader using Three.js and React Olivier Larose

12.7K views - 2 years ago

How to Make Page Transitions using Next.js and GSAP

How to Make Page Transitions using Next.js and GSAP Olivier Larose

40.2K views - 2 years ago

How to use Blend Modes with a Custom Cursor using React and GSAP

How to use Blend Modes with a Custom Cursor using React and GSAP Olivier Larose

9.9K views - 2 years ago

How to Move a Text on an SVG Path on Scroll using React

How to Move a Text on an SVG Path on Scroll using React Olivier Larose

10.5K views - 2 years ago

How to Make a 3D Glass Effect using Three.js and Next.js

How to Make a 3D Glass Effect using Three.js and Next.js Olivier Larose

41.6K views - 2 years ago

This is How I Made a Creative 404 Page

This is How I Made a Creative 404 Page Olivier Larose

9.4K views - 2 years ago

Reviewing my Subscribers 404 Page

Reviewing my Subscribers 404 Page Olivier Larose

5.7K views - 2 years ago

How to Make a Zoom Parallax using Next.js and Framer Motion

How to Make a Zoom Parallax using Next.js and Framer Motion Olivier Larose

43.3K views - 2 years ago

How to Make a Text Gooey Morph Effect using React

How to Make a Text Gooey Morph Effect using React Olivier Larose

8.7K views - 2 years ago

2 Ways to Make a Scroll Parallax in React

2 Ways to Make a Scroll Parallax in React Olivier Larose

26.9K views - 2 years ago

This is why you should be a Creative Developer in 2024

This is why you should be a Creative Developer in 2024 Olivier Larose

12.5K views - 2 years ago

I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer Motion (Page Router)

I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer Motion (Page Router) Olivier Larose

103.7K views - 2 years ago

Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion

Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion Olivier Larose

35.2K views - 2 years ago

Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js

Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js Olivier Larose

55.5K views - 2 years ago

Rebuild an Awwwards Side Menu with Framer Motion and Nextjs

Rebuild an Awwwards Side Menu with Framer Motion and Nextjs Olivier Larose

25.5K views - 2 years ago

Build a 3D Float Effect using Three.js, Framer Motion, Next.js

Build a 3D Float Effect using Three.js, Framer Motion, Next.js Olivier Larose

10.8K views - 2 years ago

How to Make an Animated SVG Curve using Next.js, Sine, Linear Interpolation

How to Make an Animated SVG Curve using Next.js, Sine, Linear Interpolation Olivier Larose

12.7K views - 2 years ago

How to Make a Pixel Transition Effect using Next.js and Framer Motion

How to Make a Pixel Transition Effect using Next.js and Framer Motion Olivier Larose

15.3K views - 2 years ago

How to Make a Sticky Cursor with NextJs and Framer Motion

How to Make a Sticky Cursor with NextJs and Framer Motion Olivier Larose

27.7K views - 2 years ago

Build a 3D Animated Cube using Three.js, Next.js and Framer Motion

Build a 3D Animated Cube using Three.js, Next.js and Framer Motion Olivier Larose

19.3K views - 2 years ago

Build a Smooth Scroll 3D Earth using Three.js, Framer Motion and Next.js

Build a Smooth Scroll 3D Earth using Three.js, Framer Motion and Next.js Olivier Larose

23.8K views - 2 years ago

How to Morph an SVG using Framer Motion, Flubber.js and Nextjs

How to Morph an SVG using Framer Motion, Flubber.js and Nextjs Olivier Larose

19.9K views - 2 years ago

Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color

Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color Olivier Larose

22K views - 2 years ago

How to Make a Split Vignette Effect using Framer Motion and Nextjs

How to Make a Split Vignette Effect using Framer Motion and Nextjs Olivier Larose

11K views - 2 years ago

2 Ways to Make a Magnetic Effect using Framer Motion, GSAP and Nextjs

2 Ways to Make a Magnetic Effect using Framer Motion, GSAP and Nextjs Olivier Larose

30.8K views - 2 years ago

Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs

Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs Olivier Larose

61.8K views - 2 years ago

Build a Mask Cursor Effect With Nextjs and Framer Motion

Build a Mask Cursor Effect With Nextjs and Framer Motion Olivier Larose

57.4K views - 2 years ago

Rebuild an Awwwards Portfolio Landing Page with Nextjs, Framer Motion and GSAP

Rebuild an Awwwards Portfolio Landing Page with Nextjs, Framer Motion and GSAP Olivier Larose

68.5K views - 2 years ago

Build an Awwwards Floating Image Gallery using Nextjs and GSAP

Build an Awwwards Floating Image Gallery using Nextjs and GSAP Olivier Larose

13.9K views - 2 years ago

Build an Awwwards Curved Menu with Nextjs and Framer Motion

Build an Awwwards Curved Menu with Nextjs and Framer Motion Olivier Larose

49.1K views - 2 years ago

Build an Awwwards Mouse Interactive Project Gallery with Nextjs

Build an Awwwards Mouse Interactive Project Gallery with Nextjs Olivier Larose

11.5K views - 2 years ago

Build an Awwwards Navigation Menu using Nextjs and Framer Motion

Build an Awwwards Navigation Menu using Nextjs and Framer Motion Olivier Larose

14.3K views - 2 years ago

Build a Smooth Scroll Landing Page using Nextjs, GSAP, Locomotive Scroll v5

Build a Smooth Scroll Landing Page using Nextjs, GSAP, Locomotive Scroll v5 Olivier Larose

73.3K views - 2 years ago

How to Make an Infinite Text Move on Scroll with Next.js and GSAP

How to Make an Infinite Text Move on Scroll with Next.js and GSAP Olivier Larose

20.6K views - 2 years ago

Build an Awwwards Project Gallery using NextJs, GSAP and Framer Motion

Build an Awwwards Project Gallery using NextJs, GSAP and Framer Motion Olivier Larose

18K views - 2 years ago