TopographyUltimate

A living topographic map with shifting contour lines. The cursor raises a hill.

Your content here

Props

levels14

speed1×

scale1×

hill

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Install

$npx shadcn@latest add @nex-ui/topography

Usage

import { Topography } from "@/components/nex-ui/topography";

<section className="relative overflow-hidden">
  <Topography />
  <div className="relative">Your content</div>
</section>

This is an Ultimate component

You can play with the preview. The source and CLI install unlock with the Ultimate plan.

Get Ultimate