# Glassmorphism

> Builds frosted and liquid-glass UI: backdrop-filter blur, translucent fills, bright edge highlights and layered shadows, SVG displacement for refraction, hover, scroll and entrance motion, plus accessible reduced-transparency fallbacks.

- Type: Skill
- Repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/glassmorphism
- Page: https://hebbmind.com/de/skill/glassmorphism
- Stars: 43
- Professions: [Frontend](https://hebbmind.com/de/tools.md?profession=frontend), [Design](https://hebbmind.com/de/tools.md?profession=design)
- Tags: ui-design, animation, css, svg
- Listed on: 2026-10-08

## Install

### Claude Code

```bash
npx skills add iart-ai/web-animation-skills --skill glassmorphism -a claude-code -y
```

### Codex

```bash
npx skills add iart-ai/web-animation-skills --skill glassmorphism -a codex -y
```

## README

The README of this resource is not cached here yet. See the repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/glassmorphism