ViewTube

ViewTube
Sign inSign upSubscriptions
Filters

Upload date

Type

Duration

Sort by

Features

Reset

401 results

James Perkins
Getting started with Framer Motion.

Join this channel to get access to perks: https://www.youtube.com/channel/UC-zet8Eyyy-OUE_fmocp3Wg/join Want to support the ...

16:56
Getting started with Framer Motion.

1,150 views

3 years ago

Coding with Seth
Page Transitions in React Router (With Framer Motion)

Make smooth page transitions with Framer Motion and React Router easily. Let's create a page transition with a router in React.

14:59
Page Transitions in React Router (With Framer Motion)

49,235 views

6 years ago

Jason Zubiate
I Built an Awwwards-Level Portfolio to Land My Dream Job (Here’s How)

Watch how I built an Awwwards-worthy portfolio website from scratch to stand out to top design agencies. In this video, I break ...

6:13
I Built an Awwwards-Level Portfolio to Land My Dream Job (Here’s How)

139,091 views

5 months ago

Frontend Basics
Build a React Marquee Component from Scratch

Hello, in this video, we are creating a marquee component using React. We will also use framer-motion for the animations.

11:39
Build a React Marquee Component from Scratch

3,307 views

1 year ago

Vladyslav Dihtiarenko
Elegant Text Reveal Effect using React and Framer Motion | Letter-By-Letter Text Animation

Elegant Text Reveal Effect using React and Framer Motion.Letter-By-Letter Text Animation. In This tutorial I'll be teaching you how ...

4:56
Elegant Text Reveal Effect using React and Framer Motion | Letter-By-Letter Text Animation

26,557 views

1 year ago

Self-Made Web Designer
Give Me 7 Minutes & Your Web Design Skills Will Take Off

It was tough but I fit 10 years of web design expertise in a 7 minute video. Turns out you know just about everything you need to ...

7:15
Give Me 7 Minutes & Your Web Design Skills Will Take Off

265,406 views

11 months ago

Coding with Seth
Scroll up Reveal animation with React and Framer Motion

Take the first step to animating a react component and recreate a common fade-in animation with framer-motion. A new animation ...

5:29
Scroll up Reveal animation with React and Framer Motion

39,477 views

6 years ago

NocodeHackers
(SUBTITLED) - AMAZING Effects in FRAMER in 5 MINUTES

In this tutorial, we will show you how to add impressive effects to your projects on Framer in less than 5 minutes using ...

5:00
(SUBTITLED) - AMAZING Effects in FRAMER in 5 MINUTES

3,679 views

2 years ago

Coding with Seth
Create a loading animation in React (Framer Motion)

Create loading animations for your React apps with Framer Motion. This react tutorial shows you how to create a classic indefinite ...

5:26
Create a loading animation in React (Framer Motion)

13,028 views

6 years ago

Shoaib Shebi
Animations In Web apps Using ReactJS | Framer Motion | Part-1 🔥

In this video we are going to dissect Animations in web apps, what to develop which will be awesome to show to recruiters to get ...

5:20
Animations In Web apps Using ReactJS | Framer Motion | Part-1 🔥

66 views

2 years ago

DesignCode
CSS Keyframes Animation in React

In this tutorial, we will learn animation in CSS using Keyframes from Styled components in React. 0:00 What is CSS keyframes ...

12:35
CSS Keyframes Animation in React

8,885 views

4 years ago

Coding with Seth
Use Framer Motion with Styled Components

Integrating Framer Motion into your codebase might seem daunting if you're using a CSS-in-JS library like Styled Components or ...

4:00
Use Framer Motion with Styled Components

7,007 views

5 years ago

Coding with Seth
Hero Animation Tutorial in React

Hero animation tutorial with Framer Motion and React showing how to achieve a tap to expand UI transition between two states, ...

18:35
Hero Animation Tutorial in React

10,504 views

6 years ago

Coding with Seth
Bounce Animation with Framer Motion (React)

Create a bouncing ball that changes colour. Animation in React with Framer Motion quickly and easily. This could be used as a ...

4:17
Bounce Animation with Framer Motion (React)

11,863 views

6 years ago

TK
Animated Responsive Navbar (Part 1) - React & CSS Animation Tutorial for Beginners

Animated Responsive Navbar (Part 1) - React & CSS Animation Tutorial for Beginners #42 #navbar #responsive #react #CSS ...

19:39
Animated Responsive Navbar (Part 1) - React & CSS Animation Tutorial for Beginners

1,719 views

3 years ago

Free World Coder
I vibe-coded "QuirkyRoomie" – A Flatmate Conflict Management System😅

Welcome to QuirkyRoomie — the chaotic, comedic web app designed to help flatmates sort out their everyday dramas through ...

10:02
I vibe-coded "QuirkyRoomie" – A Flatmate Conflict Management System😅

37 views

5 months ago

Rayan Abid
How to add animations to your React js project using Lottie animations.

I make videos about the new emerging tech. Tips and tricks. Hi, thanks for watching this video about how to use Lottie files on ...

5:27
How to add animations to your React js project using Lottie animations.

34,261 views

3 years ago

aarthificial
Animating with Code - Motion Canvas

How do I make animations for my devlogs? Today's the day I answer this age-old question. === Wishlist Astortion on Steam ...

6:58
Animating with Code - Motion Canvas

239,388 views

3 years ago

Rockey Codes
Scroll Trigger using Framer-Motion in React (Nepali)

Scroll Trigger using Framer-Motion in React. if you guys have any queries feel free to comment down below. Resource: ...

19:16
Scroll Trigger using Framer-Motion in React (Nepali)

63 views

2 years ago

Ankita Kulkarni
You can now build AWESOME ShadCN Animations! (Copy & Paste)

nextjs #react #javascript #coding #webdevelopment #shadcn ShadCN is amazing for UI, but it doesn't include animations out of ...

10:25
You can now build AWESOME ShadCN Animations! (Copy & Paste)

5,884 views

3 months ago

Optimistic Web
Build an Infinite Scroll Animation Effect Using Only CSS

This step-by-step CSS tutorial teaches how to design and implement an infinite CSS scroll animation effect using only HTML and ...

7:14
Build an Infinite Scroll Animation Effect Using Only CSS

52,526 views

1 year ago

aarthificial
Motion Canvas is now Open Source!

Check out Motion Canvas === https://motioncanvas.io === Support the Channel === https://www.patreon.com/aarthificial ...

4:17
Motion Canvas is now Open Source!

804,222 views

2 years ago

Spline
Designing a 3D website with Spline and Framer

Hi! In this tutorial, you will learn how to create a 3D website using a 3D glass scene made in Spline and integrate it into Framer ...

13:51
Designing a 3D website with Spline and Framer

195,334 views

3 years ago

Design Champs
Prototyping in Figma is dead, do this instead

STOP wasting hours on traditional prototyping! In this video, I reveal why screen-to-screen prototyping in Figma is outdated and ...

14:06
Prototyping in Figma is dead, do this instead

87,738 views

3 months ago

lexleo
Using React UI-kit in Framer X

This video is about my experience of using react-components from UI-kit in Framer X prototypes.

7:08
Using React UI-kit in Framer X

259 views

5 years ago