Skip to content

Kali Design System

Design system for Kali apps built with React and vanilla-extract.

Install
#

yarn add @kalidao/reality

Set Up
#

Wrap the root of your app in a ThemeProvider, import the external stylesheet, and add Inter and iA Writer Mono to your font stack. (Tip: Both fonts are available on Fontsource.)

import { ThemeProvider } from '@kalidao/reality'
import 'reality/styles'


const App = () => {
  return <ThemeProvider>{children}</ThemeProvider>
}

Use Components
#

import { Button, IconLockClosed, Stack } from '@kalidao/reality'
Open in Playroom