glassmorphism-advanced
CommunityFrosted glass UI effects.
Authorfusengine
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables the creation of modern, visually appealing frosted glass effects in UI design, enhancing user interfaces with depth and sophistication.
Core Features & Use Cases
- Advanced Blur Effects: Apply various levels of blur (sm, md, xl, 3xl) for nuanced visual depth.
- Layered Transparency: Create multi-layered glass effects for a richer, more dynamic look.
- Colored Glass & Borders: Tint glass elements and add subtle borders for a polished finish.
- Dark Mode Support: Ensures the glassmorphism effect is well-represented in both light and dark themes.
- Use Case: Implementing a modern dashboard UI where cards and modal windows have a distinct, frosted glass appearance that subtly reveals the background content.
Quick Start
Apply a medium blur glassmorphism effect with a subtle border to a div element.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: glassmorphism-advanced Download link: https://github.com/fusengine/agents/archive/main.zip#glassmorphism-advanced Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.