Heat Haze

The content is never touched: it stays crisp, selectable and clickable. While active a soft light rises off the top edge and breaks into thin wavering columns, like a road shimmering in summer; the top hairline glows hottest under the warmest point, which drifts on its own and leans toward the pointer. A few embers lift off the edge and cool as they rise. The air is drawn in an overhang (`rise`) that never shifts layout, and at rest the loop stops and nothing is drawn.

npx shadcn@latest add @obsyde/heat-haze

import { HeatHaze } from '@/components/obsyde/ember/heat-haze/HeatHaze';

export function Example() {
  return (
    <HeatHaze trigger="hover" />
  );
}