Creative FX Suite
High-craft creative primitives designed for cinematic landing pages, interactive heroes, generative art, and retro computing aesthetics — fully integrated with Shavin design tokens.
Interactive Showcase Sandbox
Variant
Pointer Warp
Creative Primitives Collection
Stipple & Pointillism
Organic Poisson-disc pointillism with real-time pointer repulsion physics and image luminance mapping.
Mesh Gradient
Soft ambient floating color orbs inspired by Apple, Stripe, and Aurora background gradients.
Fluid Silk
GPU shader simulating liquid silk, flowing chiffon fabric, and metallic ripples with pointer interaction.
Liquid Chrome
Molten metallic WebGL shader with dynamic Fresnel reflections, Blinn-Phong specular shine, and ripple physics.
Grid Distortion
Elastic interactive canvas grid with magnetic cursor repulsion physics and multiple blueprint matrix styles.
Image Grid Distortion
Interactive tile-aperture matrix distortion that warps internal photographic textures under cursor motion.
Hyperspeed
Cinematic 3D light-streak highway perspective warp with dynamic curvature and interactive camera steering.
ASCII Art Engine
Monospaced character density quantizer for headline typography, raster artwork, and live video streams.
Dither Canvas
Bayer matrix 4x4 / 8x8 and Floyd-Steinberg error diffusion with theme-adaptive palette quantization.
Installation
Install the creative primitives package into your Next.js or React application:
npm install @shavin/fx