Premium
✨ Creative
Liquid Shader Field
WebGL fragment-shader background — slow liquid colour flow that reacts to the pointer, with a CSS fallback.
8 views 0 copies 312 palabras
El prompt
# Liquid Shader Field — WebGL Animated Background ## Goal Build a full-section animated background driven by a single fragment shader: layered simplex noise warping three colour stops into a slow liquid flow, with a gentle pointer-driven ripple. It must drop cleanly into an existing Next.js + Tailwind project as a self-contained component. ## Design Spec - One full-size canvas, `position: absolute; inset: 0; z-index: -1`, behind arbitrary content. - Shader takes three uniform colours plus `uTime`, `uPointer` (vec2, normalised) and `uIntensity`. - Colour mixing happens in linear space and con
Desbloquea el prompt completo de 312 palabras con el acceso de por vida de pago único.
Unlock Full PromptTambién te puede interesar
Free
Magnetic CTA Cluster
✨ Creative
Buttons that pull toward the cursor within a radius, with the label lagging behind the shell for weight.
3.9k 710CursorClaude CodeLovable
Free
Cast & Render
✨ Creative
Single-file scroll-scrubbed landing for a 3D studio: scrolling scrubs a fixed all-intra background video frame by frame while three text panels cross-fade over it, with no framework and no build step.
1.2k 797CursorClaude CodeLovable
Free
Aethera
✨ Creative
Fullscreen white hero: an Instrument Serif headline over a looping video band that hand-fades in and out on every pass.
4.1k 358CursorClaude CodeLovable
Free
Figurine Carousel Hero
✨ Creative
Full-viewport figurine carousel where background colour, scale, blur and position all crossfade together on one 650ms curve.
2.8k 557CursorClaude CodeLovable