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 từ
Nội dung 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
Mở khoá prompt đầy đủ 312 từ với gói trọn đời trả một lần.
Unlock Full PromptCó thể bạn cũng thích
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