Skip to content

React · Paper & ink

Interfaces that feel printed.

A small React component library with warm paper, ruled borders and hard shadows. Accessible by default, themeable with CSS variables, no runtime styling.

terminal
npm install @gnoud-ui/react

Or see the package as published on npm.

Account · 01

Sign in New

Warm paper and near-black ink.

Principles

01

Stamped, not floated

Things you can press are raised with a hard offset shadow and sink into the page when you click. No blur, no glow.

02

Flat where you write

Fields and text sit in the page. Raised is a signal: if it lifts, it does something.

03

Accessible by default

Native elements first, Base UI where behaviour is hard. Every colour pair is checked against WCAG AA in light and dark.