effinrich / pineapples-design-system

Design System for Pineapples

Home Page:https://backlight.dev/doc/hX0IVqflUk3KCEFAepAn

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vatom Design System, using Paper component library: an open source components library based on Material Design.

Features

  • Open-source
  • Cross-platform: Mobile & Web
  • 25+ components
  • Interactive documentation
  • Light & Dark mode

Design Tokens

Vatom takes the design tokens defined in Paper.

  • Colors
  • Fonts
  • Roundness
  • Animation

And make them automatically documented and visually discoverable.

Paper has great semantical design tokens. It's simple but very efficient. The Paper team has done a great job here.

Dark mode

Dark and Light themes are included out-of-the-box. You can experience it in the documentation itself.

Components

Vatom comes with 25+ components to get started: menu, dialog, buttons, checkbox, cards, everything to cover the basics, and more.

📦 Visit Paper for docs and API.

About

Design System for Pineapples

https://backlight.dev/doc/hX0IVqflUk3KCEFAepAn

License:MIT License


Languages

Language:TypeScript 97.2%Language:JavaScript 2.1%Language:CSS 0.7%