Glass Lens

It magnifies what is under it, folds the scene in from beyond its rim and splits colour at the edge, with a lit edge toward the light, a Fresnel sheen, a soft contact shadow and a faint accent caustic that shifts as the glass moves. Drag it, throw it, or tap where it should go: it squashes with speed and springs as it lands. It can also follow the pointer, and arrow keys move it. Disc, pill or rounded square, with props for size, refraction, dispersion and magnification. The lens refracts a canvas you paint (or an image), not live DOM; without WebGL it falls back to a CSS backdrop-filter lens over the same scene.

npx shadcn@latest add @obsyde/glass-lens

import { GlassLens } from '@/components/obsyde/ember/glass-lens/GlassLens';

export function Example() {
  return (
    <GlassLens />
  );
}