Uilora Topographic Pulse
Cinematic topographic map simulation with pulsing isolines, gravity distortion, and film grain.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #050505 | The deep background color |
| lineColor | string | #333333 | The color of the topographic lines |
| speed | number | 0.4 | Pulse and flow rate |
| complexity | number | 1.5 | Density of contour lines |
When to Use
Perfect for outdoors/adventure brands, architectural firms, or complex data visualization platforms.
Best Practices
Use subtle colors for the lines (like dark grey or muted gold) to make the pulse feel like a heartbeat rather than a flash.
Why This Component Matters
Topographic maps convey depth and journey. Adding a 'pulse' effect and gravity pull makes it an active, participant element of the UI.
FAQ
QWhat is the heart-beat effect?
A sine-wave modulated multiplier that scales the brightness of the lines over time, creating a breathing sensation.
Related Components
Interstellar Fluid Hero
Interactive fluid simulation creating cosmic nebula effects with mouse interaction. Deep space aesthetic with animated gas clouds and star trails.
Interstellar Background Hero
Warp tunnel effect simulating high-velocity travel through nebular clusters. Procedural WebGL engine with mouse-responsive space distortion.
Liquid Chrome Hero
Procedural simulation of molten chrome alloys with velocity-based distortion. Interactive liquid metal surface with specular highlights.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.