Santy
CSS
Playground
v2.0.0
📖 Classes
🎬 Animations
📦 Docs
🎯
Challenge:
Build a card with a blue left border, hover shadow, and a "New" badge
Next →
✕
📂 Load preset…
📇 Card
🦸 Hero Section
💰 Pricing Cards
📊 Dashboard
📝 Sign-up Form
🔘 Button Gallery
✨ Animations
🏗️ Bento Grid
🧭 Navbar
💬 Testimonials
Copy
Save
Format
0 classes
Clear
✨
Generate
Live Preview
Desktop
Tablet
Mobile
🌙 Dark
Refresh
santycss-playground
Inspector
Click an element in the preview to inspect its classes
Class Picker
▼
Layout
Spacing
Typography
Colors
Borders
Effects
Components
Animations