Olivier Larose

@UCAQIyLXYgNmAyvL2kc_09fA - 51.2K 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

161K 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

23K views - 1 year ago

5 Ways to Make Gradients on the Web

5 Ways to Make Gradients on the Web Olivier Larose

44K views - 1 year ago

Top 10 Web Animation Trends of 2024

Top 10 Web Animation Trends of 2024 Olivier Larose

35K views - 1 year ago

Why I Freelance and Why You Should Too

Why I Freelance and Why You Should Too Olivier Larose

7.5K views - 1 year ago

My Top 10 Resources for Web Animations

My Top 10 Resources for Web Animations Olivier Larose

49K views - 1 year ago

GSAP vs Framer Motion for React

GSAP vs Framer Motion for React Olivier Larose

74K views - 2 years ago

My Top 5 Techniques for Web Animation

My Top 5 Techniques for Web Animation Olivier Larose

251K views - 2 years ago

Build a Curved Image using R3F and Framer motion

Build a Curved Image using R3F and Framer motion Olivier Larose

9.3K views - 2 years 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 - 2 years ago

2 Ways To Make an Awwwards Sticky Footer

2 Ways To Make an Awwwards Sticky Footer Olivier Larose

21K views - 2 years ago

Build a Parallax Section Transition with React and Framer Motion

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

33K views - 2 years 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.7K views - 2 years ago

5 Things I Learned in my Journey as a Developer

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

10K views - 2 years ago

Build a Wave Distortion Shader using Three.js and React

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

13K 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

40K 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

10K 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

10K 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

43K 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

43K 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.9K views - 2 years ago

2 Ways to Make a Scroll Parallax in React

2 Ways to Make a Scroll Parallax in React Olivier Larose

27K 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

12K 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

105K 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

35K 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

56K 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

25K 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

10K 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

12K 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

15K 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

28K 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

19K 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

24K 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

20K 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

31K 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

62K 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

58K 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

69K 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

14K 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

49K views - 3 years ago

Build an Awwwards Mouse Interactive Project Gallery with Nextjs

Build an Awwwards Mouse Interactive Project Gallery with Nextjs Olivier Larose

11K views - 3 years ago

Build an Awwwards Navigation Menu using Nextjs and Framer Motion

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

14K views - 3 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

73K views - 3 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

20K views - 3 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 - 3 years ago