Skills
.Work. You
Rest

haze-usage

Community

Blur UIs with Haze in Multiplatform

Software Engineering#glassmorphism#kotlin#ui-effects#compose-multiplatform#blur#haze
Authorbenoberkfell
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Haze provides configurable blur effects (glassmorphism) for Compose Multiplatform, enabling blurred backgrounds and overlays to improve UI depth and readability.

Core Features & Use Cases

  • hazeSource and hazeEffect usage to blur content behind or within composables
  • blurEffect styling options including pre-built materials and custom styles
  • progressive (gradient) blur, masking, and overlapping layered effects
  • dynamic blur control and per-component configuration for realistic UI patterns

Quick Start

Create a hazeState with rememberHazeState(), apply hazeSource to your content, and attach hazeEffect with blurEffect on a target element such as a TopAppBar.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: haze-usage
Download link: https://github.com/benoberkfell/claude-plugins/archive/main.zip#haze-usage

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.