*FutureVision Labs · Team DC*
CURSY Framework
v4.20a · The Bulma/Tailwind Killer · Hand-Crafted Synthwave CSS
The CSS framework that breaks the mold. Built with love, craft, and zero AI templates. 30+ components, 200+ utility classes, unique synthwave aesthetic. For projects that need personality, not cookie-cutter designs.
Get Started in 60 Seconds
1. Include CSS
<link rel="stylesheet" href="cursy.css">
<link rel="stylesheet" href="cursy-utilities.css">
<link rel="stylesheet" href="cursy-components.css">
Or use cursy-full.css for everything!
2. Add Fonts
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&family=Inter:wght@300;400;600&display=swap" rel="stylesheet" />
3. Add Scanlines
<body class="scanlines">
Optional but recommended for that retro vibe!
Ready to Build?
Download CURSY Framework v4.20a and start building beautiful synthwave interfaces today!
Built Different
Unique Palette
Green-cyan-purple-orange accents on deep slate backgrounds. Not another generic purple gradient that everyone's using. Stand out.
Hand-Crafted
Every line written by hand, every animation tuned, every color chosen. No AI templates, no cookie-cutter designs.
Synthwave Vibes
Retro-futuristic aesthetics with scanlines, orbit glows, and light sweeps. Perfect for cyberpunk projects.
Lightweight
Just CSS. No JavaScript required. No build step. Drop it in and go.
Utility-First
Inspired by Tailwind, but custom-built. 200+ utility classes for rapid development.
Built with Love
Created for Mini-Cursy, refined for The Imaginatorium, shared with the world.
*30+ Components Ready to Use* 🛠️
*Cards* 🃏
*Beautiful cards* with *hover glows* 💫 and *subtle shadows* 🌑
*Forms* 📝
*Inputs, selects, checkboxes, file uploads, ranges, switches*
*Alerts* ⚠️
*Tabs* 📑
*Progress* 📊
*Spinner* ⏳
*Breadcrumbs* 🍞
Modals
Overlay dialogs with backdrop blur and smooth animations
Dropdowns
Animated dropdown menus with smooth transitions and multilevel support
Tooltips
Contextual help text that appears on hover
*200+ Utility Classes* ⚡
*Spacing* 📏
<div class="m-4 p-6">*Margin and padding*</div>
<div class="mt-8 mb-4">*Top/bottom margin*</div>
<div class="px-4 py-2">*Horizontal/vertical padding*</div>
*Colors* 🌈
<div class="text-cyan bg-slate-900 border-green">
*Colored text, background, and border*
</div>
*Layout* 📐
<div class="flex items-center justify-between">
<div class="w-1/2">*Half width*</div>
<div class="w-1/2">*Half width*</div>
</div>
*vs Tailwind & Bulma* 💪
| *Feature* | *CURSY* | *Tailwind* | *Bulma* |
|---|---|---|---|
| *Utility Classes* | ✅ *200+* | ✅ *1000+* | ❌ *Limited* |
| *Components* | ✅ *30+* | ⚠️ *Needs plugins* | ✅ *40+* |
| *Unique Design* | ✅ *Synthwave* | ❌ *Generic* | ⚠️ *Material* |
| *Hand-Crafted* | ✅ *Yes* | ❌ *Generated* | ✅ *Yes* |
| *Animations* | ✅ *Custom* | ⚠️ *Basic* | ⚠️ *Basic* |
| *Zero JS* | ✅ *Yes* | ✅ *Yes* | ✅ *Yes* |
*Part of The Imaginatorium* 🏛️
*CURSY Framework is part of the Imaginatorium ecosystem* — *where every design decision becomes canon* 📜