Free Neubrutalism — a CSS-first design system.
The design system behind FreeNowOrg projects —
first introduced in
PicaComicNow and since carried into
PixivNow and sibling apps. Hard shadows,
zero radius, Archivo Black display type — themeable entirely through --fnb-*
CSS custom properties.
The stylesheet is the product. @fnb-ui/core is a framework-agnostic
stylesheet plus its design tokens: every component's appearance comes from
plain .fnb-* classes that any framework, or none, can put on an element.
@fnb-ui/vue is a thin binding layer on top — Vue components with a
naive-ui-aligned API that ship no CSS of their own.
🚧 Early development. Design specs live under
docs/superpowers/specs/.
pnpm add @fnb-ui/core @fnb-ui/vue样式与框架绑定是分开的——CSS 是核心，框架封装是外围：
import '@fnb-ui/core/style.css'
import FnbUI from '@fnb-ui/vue'
app.use(FnbUI)不用 Vue 也可以，只引样式即可获得全部外观：
<link rel="stylesheet" href="node_modules/@fnb-ui/core/dist/style.css" />
<button class="fnb-button fnb-button--primary">按钮</button>MIT © FreeNowOrg