@skellvin/casca
v1.5.10
Published
CSS-first, no-JS data components: charts, tables, dashboards, KPIs, and controls. The pure-CSS distribution.
Maintainers
Readme
Drop-in CSS for data UI
Casca is a CSS-first, no-JS library of data components: charts, tables, dashboards, KPIs, and controls. This package is the pure-CSS drop-in distribution: zero dependencies, zero JavaScript, zero global side effects. MIT-licensed throughout.
Install
npm install @skellvin/cascaThen link the bundle:
<link rel="stylesheet" href="node_modules/@skellvin/casca/dist/casca.css">Or vendor the file:
ver=v1.4.0
curl -LO "https://codeberg.org/skell/casca-css/releases/download/$ver/casca.css"Builds
| Import | File | What |
|--------|------|------|
| @skellvin/casca | casca.css | All-in-one (139 KB) with four moods and the picker form. |
| @skellvin/casca/core | casca-core.css | Lean core (~9 KB gzip): base, charts, data table, no theme. |
| @skellvin/casca/extended-charts | casca-extended-charts.css | Heatmap, scatter, waterfall, radar, candlestick. |
| @skellvin/casca/extended-controls | casca-extended-controls.css | Switch, tabs, disclosure, filter, modal, more. |
| @skellvin/casca/extended-layout | casca-extended-layout.css | Page shell, card, card-grid, toolbar, anchor-nav. |
| @skellvin/casca/theme-* | casca-theme-*.css | Solar, Cyber, Lunar, Arcade overlays. |
See the examples/ directory in this repo for browser-runnable demos.
Quick start
<link rel="stylesheet" href="casca.css">
<div class="casca casca-figure">
<div class="casca-title">Revenue by quarter</div>
<div class="casca-bar">
<div class="casca-bar-group">
<div class="casca-bar-item"><div class="casca-bar-value" style="--value: 60%;"></div></div>
<div class="casca-bar-item"><div class="casca-bar-value" style="--value: 80%;"></div></div>
</div>
</div>
</div>License
MIT. The Casca CSS is MIT-licensed. The Casca CLI (the build tool that produces these files) lives in a separate repository and is AGPL-licensed; you do not need it to consume this CSS. Most Casca consumers will only ever interact with this repo.
Source of truth
This repository is a generated mirror of the CSS portion of the skell/casca monorepo. The mirror is updated automatically at every CSS release. File issues and pull requests against the monorepo, not this mirror; mirror commits are produced by release tooling and direct edits will be overwritten on the next release.
