frikwork
v0.0.11 · live on frikwork.com

frikwork

A dependency-free CSS + JS UI framework. Frosted glass, glow cards, dark / light theming, and an opt-in lively motion tier — in two tags.

0
Runtime dependencies
0
Tags to drop in
0+
Components & utilities
0
Built-in themes

Everything, none of the weight

Distilled from ServerWatch and salesdash into one small, opinionated system.

🪶

Dependency-free

One CSS file, one JS file. No build step, no npm install, no framework lock-in — just drop it in.

🌗

Dark & light theming

Ships dark-first with a complete light theme. One attribute flips it, and it respects the system preference.

🧊

Frosted glass & glow

Backdrop-blur surfaces and status-coloured hover glows give every dashboard the same signature depth.

Lively motion tier

Opt-in showpiece animation — breathing cards, staggered drops, a travelling border ring — that vanishes under prefers-reduced-motion.

🧩

Full component set

Buttons, cards, every form control, tabs, modals, toasts, tables, dropdowns, badges, meters and more.

🚀

CDN-delivered

Rolling /v0/ for latest, or immutable /x.y.z/ pins, straight from frikwork.com.

Two tags. That's the install.

Paste the stylesheet and script into your <head>. Add data-fw-motion="lively" to <html> for the showpiece animations, and a one-line snippet to kill theme flash before first paint.

index.html
<link rel="stylesheet"
      href="https://frikwork.com/v0/frikwork.css">

<script src="https://frikwork.com/v0/frikwork.js"
        defer></script>

Built to show off

The optional extras bundle adds a hero "takeover" — one card grows to fill the viewport while the rest scale away. Hover the cards; then hit the button.

Live

Revenue

$0
Uptime

Availability

0%
Queue

Pending jobs

0

Ready to build?

Kick the tyres on the full component gallery, or read the docs and ship your next dashboard on frikwork.