Blur captionFree

The bottom of the image melts into blur behind the text.

Aurora

Soft light behind any section.

Props

title

text

height55%

strength20px

steps6

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Preview background

$npx nex-ui add blur-caption

import { BlurCaption } from "@/components/nex-ui/blur-caption";

<BlurCaption title="Aurora" text="Soft light behind any section." />