pragmattic

@UCAk4-VoOrYslfD_36hii2VQ - 649 subscribers

Build cool web experiences with React, Next, GSAP, ThreeJS and more!

Home Videos Live Playlists

I rebuilt the Imagen header video as an interactive ThreeJS scene in Next.js using Typescript...

I rebuilt the Imagen header video as an interactive ThreeJS scene in Next.js using Typescript... pragmattic

625 views - 1 year ago

I spent a weekend building a PS5 inspired landing page 🎮 in Next.js with R3F & TSL. Here’s how...

I spent a weekend building a PS5 inspired landing page 🎮 in Next.js with R3F & TSL. Here’s how... pragmattic

1.3K views - 1 year ago

Animated sphere in React Three Fiber! (shader logic written entirely in Typescript!)

Animated sphere in React Three Fiber! (shader logic written entirely in Typescript!) pragmattic

892 views - 1 year ago

Animated wave plane in React Three Fiber. Custom shader material tutorial 🎨

Animated wave plane in React Three Fiber. Custom shader material tutorial 🎨 pragmattic

893 views - 1 year ago

Hackalong 👨🏻‍💻 Cloning Vercel website with Tailwind CSS | Uncut process | Grid | GLSL shader

Hackalong 👨🏻‍💻 Cloning Vercel website with Tailwind CSS | Uncut process | Grid | GLSL shader pragmattic

421 views - 1 year ago

Cloning the Stripe website header. Uncut process. Responsive Tailwind CSS | Next.js | WebGL shader

Cloning the Stripe website header. Uncut process. Responsive Tailwind CSS | Next.js | WebGL shader pragmattic

3.3K views - 1 year ago

Learn React Three particles - build a dynamic Star Wars inspired site with scroll driven effects

Learn React Three particles - build a dynamic Star Wars inspired site with scroll driven effects pragmattic

737 views - 1 year ago

Build a magical animated gradient background that scrolls with the user - Next.js | Three.js | GLSL

Build a magical animated gradient background that scrolls with the user - Next.js | Three.js | GLSL pragmattic

2.9K views - 1 year ago

Simple 3D scrolling website with animations - full build + code in React Three Fiber, Next.js

Simple 3D scrolling website with animations - full build + code in React Three Fiber, Next.js pragmattic

1.7K views - 1 year ago

React Three scroll controlled image sequence & custom post processing effects shader with useFBO

React Three scroll controlled image sequence & custom post processing effects shader with useFBO pragmattic

401 views - 1 year ago

Rebuilding Apple MacBook Pro Display section. Animated with GSAP ScrollTrigger - Next.js + Tailwind

Rebuilding Apple MacBook Pro Display section. Animated with GSAP ScrollTrigger - Next.js + Tailwind pragmattic

1.5K views - 1 year ago

Create a smooth animated background using shaders in React Three Fiber

Create a smooth animated background using shaders in React Three Fiber pragmattic

3.1K views - 1 year ago

Dope website header! Scroll controlled image sequence in Next.js. Apple inspired. Plus free code!

Dope website header! Scroll controlled image sequence in Next.js. Apple inspired. Plus free code! pragmattic

2.4K views - 1 year ago

Build an Apple header image sequence in Next.js using GSAP and TailwindCSS

Build an Apple header image sequence in Next.js using GSAP and TailwindCSS pragmattic

927 views - 1 year ago

Build an animated cursor with custom hover state - React, Next.js, GSAP, Zustand, Typescript

Build an animated cursor with custom hover state - React, Next.js, GSAP, Zustand, Typescript pragmattic

730 views - 1 year ago

Building a smooth animated modal [Next.js, React Transition Group, GSAP, Typescript, TailwindCSS]

Building a smooth animated modal [Next.js, React Transition Group, GSAP, Typescript, TailwindCSS] pragmattic

748 views - 1 year ago

Infinite scrolling marquee for logos and testimonials [Typescript, Next.js, GSAP]

Infinite scrolling marquee for logos and testimonials [Typescript, Next.js, GSAP] pragmattic

3.3K views - 1 year ago