A React component library and token set in a micrographics aesthetic — the look of technical information: spec sheets, instrument panels, hairline rules, zero-padded indices. Warm-black surfaces, one instrument-amber accent, monospace throughout, square corners.

01 Install

# .npmrc — resolve the @denizarsan scope from GitHub Packages
@denizarsan:registry=https://npm.pkg.github.com

npm install @denizarsan/darsan.design

import { Button, Card } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';

React 18+ is a peer dependency. The single stylesheet carries the fonts, tokens, base element styles and every component rule — import it once at your app root. The package is private on GitHub Packages, so installing needs a GitHub token with read:packages (the built-in GITHUB_TOKEN in Actions, or a PAT locally).

02 Sections