Features

The Bulma/Tailwind Killer Edition

What makes CURSY Framework different from other CSS frameworks.

What Makes CURSY Different

Hand-crafted CSS

Every line written by hand

Unique color palette

Green-cyan-purple-orange (NOT purple gradients!)

Synthwave aesthetic

Retro-futuristic vibes

Zero JavaScript

Pure CSS framework

Modular

Use what you need

Lightweight

Fast and efficient

Custom animations

Orbit glows, light sweeps, scanlines

Utility-first

200+ utility classes for rapid development

No build step

Just CSS, drop it in and go

Package Structure

Core Files

cursy.css - Base components
cursy-utilities.css - Utility classes
cursy-components.css - Additional components
cursy-full.css - Everything combined

Stats

30+ Components
200+ Utility Classes
1900+ Lines of CSS
Zero JavaScript

Components (30+)

Core Components

Buttons (Primary, Ghost)
Cards (with hover effects)
Badges & Pills
Navigation (Header, Brand mark)
Hero Sections
Grid System

Form Components

Input fields
Textareas
Select dropdowns
Checkboxes & Radio buttons
File uploads
Range sliders
Switches/Toggles

UI Components

Alerts (Success, Info, Warning, Error)
Modals (with overlay)
Tables (with hover effects)
Code blocks
Tabs
Breadcrumbs
Pagination
Dropdowns
Tooltips
Progress bars
Loading spinners
Accordion/Collapsible

Utility Classes (200+)

Spacing

Margin: .m-0 to .m-16, .mt-*, .mb-*, etc.

Padding: .p-0 to .p-12, .pt-*, .pb-*, etc.

Colors

Text: .text-green, .text-cyan, .text-purple, .text-orange

Background: .bg-green, .bg-cyan, .bg-purple, .bg-orange

Typography

Sizes: .text-xs to .text-4xl

Fonts: .font-orbitron, .font-inter

Weights: .font-light to .font-extrabold

Layout

Display: .block, .flex, .grid, .hidden

Flexbox: .flex-row, .flex-col, .items-*, .justify-*

Width: .w-full, .w-1/2, .w-1/3, etc.

Animations

Orbit Glow

Rotating conic gradient background

Light Sweep

Animated light strip

Scanlines

Retro CRT effect

Color Palette

Green

#22c55e

Cyan

#22d3ee

Purple

#a855f7

Orange

#f97316