Hero Templates
Silvergrass
ProA field of silver grass under the moon, beside left-aligned copy. Wind rolls across thousands of blades drawn on the GPU. The grass parts around the pointer, a click sends a ring of wind through it, and a drag turns the view.
Install
Props
What It Demonstrates
- Loop
- An animation that repeats, a set number of times or infinitely.
- Hover effect
- Visual change when the cursor moves over an element.
- Ripple
- A circle expanding from the point of a tap, confirming the press.
- Drag
- Moving an element by grabbing it, often with momentum when released.
- Momentum
- Motion that carries velocity, especially after a drag or interruption.
- Idle animation
- Subtle motion that plays while an element is just sitting there, waiting to be interacted with.
- Hardware acceleration
- Animating transform and opacity lets the GPU keep motion smooth.
Related Components
Warp RunPro
A star-streak tunnel rendered as velocity-stretched lines; the pointer steers, dragging banks the ship.
TidalPro
A dusk ocean under flat, left-aligned copy: noise-warped swells with wind ripple, sunlit crests, a sun path and breaking foam, raymarched in one bounded pass.
PenumbraPro
A cloud of dark shards hangs between a spotlight and a wall, beside left-aligned copy. From most angles its shadow looks like noise. Turn the cloud to its true angle and the shadow spells a word. Let go and it turns back.
MonolithPro
A monumental slab floating over a reflective grid floor, rendered as a fogged 3D scene you can orbit.
Eclipse FlarePro
A total eclipse under liquid-glass copy: a streamered corona, a diamond-ring flare on the breath, god-rays marched through drifting cirrus in one jittered pass.
Liquid ChromePro
A liquid-chrome form of fused spheres over a black mirror floor: rectangular studio softboxes, one mirror bounce and soft occlusion, sphere-traced in one pass beside left-aligned copy.