Varde
v2.0.0The idea is simple: Varde is a stylesheet. It contains 96.21% (not scientifically tested) of what you need to build web things.
tl;dr
<link rel="stylesheet" href="https://varde.variant.dev/v/2.0.0/styles.css" />Add the stylesheet to your HTML and you're good to go.
Varde ain't shipping via registry. It's designed to be referenced as a link in HTML. And as such, you get an absolute truckload of value:
- Fonts are included and loaded.
- Dark/light mode, built in.
- Native elements — buttons, inputs, tables, spinners — styled, not just reset.
- Utilities for spacing, layout, typography, and color.
- Popovers and a handful of other helpers, so you're not reaching for JS.
It's all in the one file you already linked. No config, no separate installs.
And let's be honest about what it's not:
- There's no shipped JS in here and there's no framework components. You build those.
- No npm package to manage, either — it's a link tag, not a dependency.
Ready to use it? Start with setting it up, or see it in action in the examples.