---
title: "Glass3D"
description: "Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet."
canonical: "https://vibing.inc/library/glass3d-vg-0337"
category: "Community Finds"
subcategory: "CSS generators"
license: "free"
author: "Kris (@kris-kay)"
source: "https://glass3d.dev/"
---

# Glass3D
Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet.
## Facts
- Source: https://glass3d.dev/
- Category: Community Finds / CSS generators
- Author: Kris (@kris-kay)
- Licence: free
- Tags: css, glassmorphism, generator, ui
## Why it's a gem
Nails the hard part of glass UI — refraction depth — with copyable plain CSS
---
Listed in The Vibeary: https://vibing.inc/library/glass3d-vg-0337 · JSON: https://vibing.inc/api/public/library/gems/glass3d-vg-0337