Atlas Glass System
Glassmorphism Effekte mit Atlas CSS
Glass Intensitaeten
cs-glass-xs
cs-glass-sm
cs-glass-md
cs-glass-lg
cs-glass-xl
cs-glass-2xl
Glass Farben
cs-glass-white
cs-glass-dark
cs-glass-blue
cs-glass-purple
cs-glass-green
cs-glass-pink
Glass Cards
Standard Card
cs-glass-card mit eingebauten Hover-Effekten
Light Card
cs-glass-card-light - hellere Variante
Feature Card
cs-card-feature-glass - fuer Features
Glass UI Komponenten
Buttons
Navigation
Form Input
Tooltip
cs-glass-tooltip
Glass Effekte
Acrylic
cs-glass-acrylic
Frosted Edge
cs-glass-frosted-edge
3D Hover
cs-glass-3d-hover
Gloss Top
cs-glass-gloss-top
Glass Themes
Neon Theme
cs-glass-theme-neon
Carbon Theme
cs-glass-theme-carbon
Pastel Theme
cs-glass-theme-pastel
Code Beispiel
<!-- Vorher: Tailwind -->
<div class="rounded-2xl bg-white/[0.03] backdrop-blur-xl
border border-white/[0.08] p-6">
Content
</div>
<!-- Nachher: Atlas -->
<div class="cs-glass-card p-6">
Content
</div>