Aurora

An animated aurora gradient background.

Aurora background

import { BuiAurora } from 'ng-blatui';

<bui-aurora class="p-12 text-white">Aurora background</bui-aurora>

Custom

Softer & slower

<bui-aurora [blur]="40" [speed]="8">…</bui-aurora>

Prop	Type	Default	Description
`blur`	`number`	`60`	Blur radius of the aurora layer in pixels.
`speed`	`number`	`12`	Seconds for one full drift animation cycle.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.