JetBlok

Innovation Playground

Experience all 8 cutting-edge features that make JetBlok Studios stand out

👇 Scroll down and interact with each feature

01

Magnetic Cursor

A custom cursor that follows your mouse with smooth spring physics. Notice how it expands when you hover over buttons and interactive elements.

Framer MotionSpring PhysicsInteractive

Move your cursor around this area

See how the cursor reacts! 👆

02

WebGL Shader Background

An animated gradient mesh using custom GLSL shaders. The background responds to your mouse movement with organic fluid motion.

Three.jsGLSL ShadersWebGL

Move your mouse around the entire page

The purple/blue gradient flows and shifts based on your cursor position! 🌊

03

Holographic UI Elements

Futuristic buttons with animated holographic borders, glitch effects, scanlines, and pulsing glows for a cyberpunk aesthetic.

CSS AnimationsGlitch EffectsCyberpunk

Notice the scanlines, glitch text, and animated borders! ✨

04

Scroll-Triggered 3D Text

Text that emerges from depth as you scroll, with individual letter stagger animations and 3D shadow layers.

3D TransformsScroll AnimationPerspective
JETBLOK STUDIOS

Scroll up and down to see the text animate in 3D! Hover over letters too. 🔤

05

Particle Morph Transitions

2000 particles that explode and flow in 3D space with circular motion and additive blending for glow effects.

Three.jsParticlesWebGL

Click to see 2000 particles flow across the screen! 💫

06

3D Floating Portfolio Cards

Interactive portfolio cards that float in 3D space. Drag to rotate, hover to highlight, and click to view projects.

React Three Fiber3D CardsInteractive