Dotti
v1.1A 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
Retro-Futuristic Aesthetics
Inspired by Teenage Engineering's minimalist hardware and Nothing OS's clean software design. 90% monochrome with strategic accent colors for maximum impact.
Minimalist
Clean lines, purposeful design
Functional
Every element serves a purpose
Timeless
Designed to age gracefully