driket v0.0.9

Mandala Design System

• Share a whole design system (guidelines, design principles, colors schemes, accesibility compliance, components, etc.) as single source of truth accross same brand apps/websites
• Kickstart new projects with ready-to-use branded components, styles, guidelines, etc.

Packages

mds-core

Base references for:

• Color palettes (dark/light reference colors, system colors)
• Fonts (header fonts, text fonts, brand fonts)

mds-react

Library of React components and design tools

• Dark/light theming
• Cross platform (mobile/tablet/web/desktop)
• Accessibility (reduce animation option, high-contrast mode)
• Generate sketch files for single source of truth

Tooling:

• Context (Provider/Consumer) for React components
• Hooks (accessibility media queries, etc.)

mds-doc

Documentation style guide generator (Gatsby)

• Components showroom with examples
• Preview components in dark/light mode
• UI guidelines and principles

mds-starters

Basic minimal app templates

• Ready-to-use
• Cross platform: Mobile, Tablet, Desktop
• Native/Standalone builder (Electron)
• Opt-in Typescript, prettier, etc.