ns-ui
Hero card whose canvas behaves like a long-exposure photograph: cursor movement burns light streaks that never clear per frame, only decay on a 4s half-life, accumulating a light painting of the session.
Use when a hero whose canvas behaves like a long-exposure photograph — cursor movement burns light trails that persist and decay over ~4s, building an ambient light-painting rather than reacting live; zero deps, best for a quieter, card-style hero.
Install
npx shadcn add https://design.helpmarq.comns-ui / hero-long-exposure
LONG-EXPOSURE INTERFACES
Solargraph records every deploy, rollback, and incident as a single accumulating exposure — your system's history burned into one picture instead of scattered across dashboards.
move the cursor across the card — streaks accumulate and fade on a 4s half-life, like a long-exposure photograph
| Prop | Type | Default | Description |
|---|---|---|---|
| children? | ReactNode | — | hero copy / CTAs — rendered above the canvas, fully interactive |
| halfLifeMs? | number | 4000 | exposure decay half-life in ms |
| maxStrokeAlpha? | number | 0.35 | per-stroke alpha ceiling; repeated passes asymptote instead of whiting out |
| intro? | boolean | true | scripted 2s figure-eight on load so the exposure shows before any input |
| className? | string | — | — |