100% स्थानीय सैंडबॉक्स सुरक्षित

Cyber Glassmorphism Customizer

ब्लर, ओपेसिटी, नियॉन ग्लो, और बॉर्डर स्लाइडर्स की मदद से शानदार साइबरपंक ग्लास यूआई कार्ड्स डिज़ाइन करें और तुरंत CSS/Tailwind कोड प्राप्त करें।

स्लाइडर कंट्रोल्स

थीम प्रीसेट्स (Preset Themes)

पृष्ठभूमि अपारदर्शिता (Bg Opacity)20%

ब्लर त्रिज्या (Blur Radius)16px

बॉर्डर अपारदर्शिता (Border Opacity)45%

नियॉन ग्लो त्रिज्या (Glow Radius)25px

कोना त्रिज्या (Border Radius)16px

बैकग्राउंड रंग

#161b22

बॉर्डर रंग

#00d4ff

नियॉन ग्लो रंग

#00d4ff

लाइव प्रीव्यू

cyber-console-running

>_ npm run dev

▲ Next.js 16.2.6 (Turbopack)

✓ Ready in 320ms (http://localhost:3000)

* रीयल-टाइम रेंडरिंग सक्रिय है

.cyber-glass-card {
  background: rgba(22, 27, 34, 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 212, 255, 0.45);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4), 
              0 0 25px 0 rgba(0, 212, 255, 0.35);
  border-radius: 16px;
}