Documentation

Glass

Glassmorphism effect container with customizable blur intensity.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { Glass } from "@rouf-dev/pantheon-ui";

<Glass variant="light">
  Content with light glass effect
</Glass>

<Glass variant="medium">
  Content with medium glass effect
</Glass>

<Glass variant="heavy">
  Content with heavy glass effect
</Glass>

Examples

Variants

Light glass effect

Medium glass effect

Heavy glass effect