Casca

This page has zero JavaScript thanks to Casca

Casca is an interactive CSS component framework with no dependencies, no runtime, no tracking, and no bloat. Tens of KB of CSS, 0 KB of anything else.

Charts

Core charts (bar, line, area, pie, gauge) ship in the lean casca-core.css; the extended set is in the all-in-one casca.css. Toggle Core/Extended to see the split.

Bar single, multi-color Pie / Donut conic-gradient Line single & multi-series Area line + filled region Progress / Gauge linear & radial Heatmap color-intensity grid Scatter X/Y, bubbles Waterfall cumulative +/- Radar multivariate polygons Candlestick OHLC

Controls

Pager and row selection ship in the lean casca-core.css; the rest are in the all-in-one casca.css (the casca-extended-controls add-on).

Pager prev / next + count
Switch no-JS view swap
Tabs switch, tab variant
Breakdown
  • Direct 42%
  • Search 31%
  • Social 27%
Disclosure expand / collapse
Filter toggle to filter a list
Mon
Tue
Slot grid no-JS booking
Modal no-JS overlay dialog

Components

General building blocks. The stat card, table, chips, and legend ship in the lean casca-core.css; the layout primitives (card, grid, toolbar, nav) are in casca-extended-layout and the toggle in casca-extended-controls (all bundled in casca.css). Toggle Core/Extended to see the split.

Revenue $48.2k +12.4%
KPI / stat card big number + delta
Atlas+8.2%
Beacon-3.1%
Data table zebra, totals, trends
✓ OK ⚠ ✗
Chips status & deltas
Revenue
Costs
Legend inline & row + rail
Ctrl + K
KBD keyboard keys
Toggle slide on / off
Card bordered surface Card grid responsive auto-fit Toolbar control bar Anchor nav in-page section nav

Themes

Swap one stylesheet link to recolor everything. Each theme is a tiny --casca-* palette overlay you load over casca-core.css; casca.css bundles the default.

Default built into casca.css High contrast AAA palette Muted low-chroma palette Vibrant high-chroma palette