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

© 2026 nex-ui. All rights reserved.

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 nex-ui add 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