✦ Glow Kit — CSS Effects for Modern Web

50 ready-to-use CSS effects. Copy, paste, ship. No frameworks, no dependencies, no bloat.

🔥 Live Demo

👉 spinningdick.github.io/glow-kit — free samples preview

👉 glow-kit.pages.dev — full 50 effects showcase

📦 What's Inside

Category	Count	Highlights
🔘 Buttons	10	Neon Glow, Gradient Slide, Shimmer, Glass, Border Spin, 3D Push
🃏 Cards	10	Glass Card, Glow Border, Spotlight, Flip, Dashboard, Neon Card
⏳ Loaders	10	Spinner, Three Dots, Skeleton, Equalizer Bars, Layered Rings
✨ Text	10	Gradient, Neon, Glitch, Wave, Rainbow, Typewriter
🎨 Backgrounds	10	Aurora, Mesh Gradient, Noise, Vortex, Floating Orbs, Starlight

🚀 Quick Start

<!-- 1. Copy the style block -->
<style>
.btn-neon {
  color: #a78bfa;
  background: transparent;
  border: 2px solid #a78bfa;
  padding: 12px 32px;
  border-radius: 8px;
  cursor: pointer;
  transition: all .3s;
}
.btn-neon:hover {
  box-shadow: 0 0 24px #a78bfa44, 0 0 48px #a78bfa22;
  background: #a78bfa11;
}
</style>

<!-- 2. Use it -->
<button class="btn-neon">Hover me</button>

✨ Free Samples

This repo includes 5 free effects you can use right now:

• Neon Glow Button — samples/neon-glow-button.html
• Glass Card — samples/glass-card.html
• Shimmer Text — samples/shimmer-text.html
• Gradient Spinner — samples/gradient-spinner.html
• Aurora Background — samples/aurora-background.html

🛍️ Get All 50 Effects

The full kit includes all 50 effects with:

• 5 categories (Buttons, Cards, Loaders, Text, Backgrounds)
• Dark & light mode support
• Copy-paste HTML + CSS
• Free lifetime updates

👉 Get the full kit →

💡 Why Glow Kit?

• Zero dependencies — no npm, no frameworks, just CSS
• Self-contained — each effect is one <style> block + one HTML element
• Modern browsers — Chrome, Firefox, Safari, Edge
• Commercial use OK — no attribution needed
• Copy & paste — open the file, grab the code, ship it

📂 Repo Structure

glow-kit/
├── samples/              ← 5 free effects
│   ├── neon-glow-button.html
│   ├── glass-card.html
│   ├── shimmer-text.html
│   ├── gradient-spinner.html
│   └── aurora-background.html
├── showcase/             ← Live preview page
│   └── index.html
├── LICENSE
└── README.md

🔍 Keywords

css effects css glow css animations button effects card effects css loader text effects css background glass morphism neon glow css gradient web design ui components frontend css kit

📄 License

MIT — free for personal & commercial use. Do not resell as-is.