hakimel/Avgrund

Health v2 · maintenance only

Adoption not part of the score

1658 stars · 301 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Avgrund is a small JavaScript/CSS3 library that implements modal dialogs with a depth effect, making the page appear to recede behind the modal layer. It is a lightweight UI concept by Hakim El Hattab, released under the MIT license.

Use cases

• show a modal dialog with a depth animation
• make the background page scale back when a popup opens
• add a polished modal layer to a plain HTML page
• create a lightweight modal without a big UI framework
• implement a CSS3-based popup concept

When to choose

• you want a simple, dependency-free modal with a distinctive depth effect
• you are building a small static page and only need modal dialogs
• you want to study or fork a CSS3 modal animation concept

When to avoid

• you need an actively maintained library with ongoing bug fixes
• you need accessible, feature-rich modals (focus trapping, ARIA, stacking)
• your project already uses a UI framework with built-in modal components

Facets

library · maturity abandoned

ui-components animation frontend web-development web-design browser cross-platform modal css3 depth-effect popup ui-concept

Member repositories

For agents

markdown · JSON · MCP: product_card(name="hakimel/Avgrund")