We are live on DevHunt: tool of the week contest

check it out

Liquid Aura

Blurred atmospheric orbs that follow the mouse with liquid parallax.

Preview

Interactive Preview
Northern Spirit

AURORA.MODE

A dynamic interface that breathes and reacts to your every movement.

Deep Space

NEBULA.MODE

A dynamic interface that breathes and reacts to your every movement.

Core Heat

MAGMA.MODE

A dynamic interface that breathes and reacts to your every movement.

Installation

Usage

tsx
import { LiquidAura } from "@/components/block/liquid-aura"

export default function Demo() {
  return <LiquidAura />
}

Dependencies

framer-motion

Props

PropTypeDefault
variant
"aurora""nebula""magma""ocean"
aurora