nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Blur caption
    • Progressive blurPro
    • Radial blurPro
    • Frosted glass
    • Focus textPro
    • Blur reveal cardPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

Monthly notes

New components and tools, about once a month.

No spam. Unsubscribe with one click.

© 2026 nex-ui. All rights reserved.

Cookies
Components/Blur

Radial blurPro

Sharp in the middle, blurrier toward the edges. The focus can follow the pointer.

Focus

Props

Appearance

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

#ff3347
#b3122a
Preview background

Install

$npx shadcn@latest add @nex-ui/radial-blur

Usage

import { RadialBlur } from "@/components/nex-ui/radial-blur";

<RadialBlur label="Focus" />

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro
PreviousProgressive blurNextFrosted glass