Dotti

v1.1

A comprehensive retro-futuristic React UI library with 30+ components, theming, and accessibility built-in

Quick Start

Get up and running in under a minute

Installation

npm install dotti-ui

Usage

import { Button, ThemeProvider } from 'dotti-ui'
import 'dotti-ui/styles.css'

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary" accent>
        Hello Dotti!
      </Button>
    </ThemeProvider>
  )
}

Features

Everything you need to build modern interfaces

🎯

30+ Components

Comprehensive set of accessible, customizable components

🎨

Theme System

Built-in dark mode and customizable theming

âš¡

TypeScript First

Fully typed with excellent developer experience

📦

Tree Shakeable

Import only what you need for optimal bundle size

♿

Accessible

ARIA compliant with keyboard navigation support

🚀

Retro-Futuristic

Inspired by Teenage Engineering and Nothing OS

Design Philosophy

Minimalist, functional, and timeless

Minimalist

Clean lines, purposeful design

Functional

Every element serves a purpose

Timeless

Designed to age gracefully