Aurora Field

Ambient light for glass to bend. Three blobs drift on co-prime cycles behind a noise tile — zero JavaScript, paused under reduced motion.

Install

$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/aurora-field.json

Examples

Default

Light to refract

"use client";

import { AuroraField } from "@/components/ui/aurora-field";
import { Glass } from "@/components/ui/glass";

export function AuroraFieldDemo() {
  return (
    <div className="relative grid h-56 w-full max-w-md place-items-center overflow-clip rounded-pane border border-border">
      <AuroraField />
      <Glass material="slab" sheen className="rounded-pane px-8 py-5 shadow-glass-md">
        <span className="text-sm">Light to refract</span>
      </Glass>
    </div>
  );
}

API

<AuroraField />

Prop	Type	Default	Description
className	string	—	Position the field (defaults to absolute inset-0).