Kinetic Sliders

A multi-paradigm slider engine featuring high-fidelity animation variants, including 3D perspective stacks and magnetic physics.

GSAP Optimized
3D Perspective
01

3D Perspective Stack

Layered slides in Z-axis space. Move forward and backward through depth with dynamic blur and rotation.

NEURAL INTERFACE

NEURAL INTERFACE

A deep dive into the architecture of conscious machines and the future of human-AI synergy.

QUANTUM OPTICS

QUANTUM OPTICS

Manipulating light at the sub-atomic level to create high-speed photonic computation engines.

SYNTHETIC BIOLOGY

SYNTHETIC BIOLOGY

Engineering programmable organic structures designed for long-term space colonization efforts.

VOID ARCHITECTURE

VOID ARCHITECTURE

Designing minimalist structures that thrive in the vacuum of deep space environments.

SLIDE 1 / 4
02

Magnetic Card Stack

Swipe-based interaction model. Top cards "fly away" to reveal the next layer with scaling and rotation physics.

NEURAL INTERFACE
CYBERNETICS

NEURAL INTERFACE

QUANTUM OPTICS
PHYSICS

QUANTUM OPTICS

SYNTHETIC BIOLOGY
BIOTECH

SYNTHETIC BIOLOGY

VOID ARCHITECTURE
DESIGN

VOID ARCHITECTURE

Split Panel

Dual-column reveals moving in opposite vertical directions.

Liquid Reveal

Surgical mask reveals with procedural wave distortion.

Window Frame

Parallax content trapped behind a fixed structural window.

Grid Morph

Thumbnail grids that explode into immersive fullscreen views.

Timeline

Step-driven progression for roadmaps and process history.

3D Cube

Complete 3rd axis rotation with perspective projection.

CLI Integration

$npx shadcn@latest add https://aftershade.pages.dev/registry/slider-kinetic.json