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

Frosted glassFree

A glass card over slowly drifting colour.

Frosted glass

Colour drifts behind, the card stays readable.

Props

Appearance

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

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add frosted-glass

Usage

import { FrostedCard } from "@/components/nex-ui/frosted-glass";

<FrostedCard
  title="Frosted glass"
  text="Colour drifts behind, the card stays readable."
/>
PreviousRadial blurNextFocus text