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.jsonExamples
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). |