Building a trading dashboard UI with zero JavaScript — just st-core.fscss
No JS. No SVG. No canvas. Just CSS — and one import. Here's what that actually looks like in practice. The problem with dashboard UIs Every time I need a stats dashboard — chart, bars, stat cards, ...

Source: DEV Community
No JS. No SVG. No canvas. Just CSS — and one import. Here's what that actually looks like in practice. The problem with dashboard UIs Every time I need a stats dashboard — chart, bars, stat cards, the whole thing — I end up writing the same boilerplate. CSS variables, clip-path polygons, card layouts. It's not hard, but it's repetitive. And when you're working across multiple projects, copy-pasting that foundation every time gets old fast. So packaged it. st-core.fscss is an open source plugin for FSCSS that gives you a complete trading/stats dashboard design system in a single import. MIT licensed, no dependencies besides the FSCSS runtime or cli. What you get A full set of @st-* mixins that each generate a production-ready component: Mixin Output @st-root() Design tokens (colors, radius, spacing) on :root @st-stat-card Stat card — label, value, up/down delta @st-chart-fill Gradient area fill under a chart line @st-chart-line Glowing line stroke @st-chart-dot Positioned data point wit