Topo Background

A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @kokonutui/topo-background

Files

• components/kokonutui/topo-background.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review