Moon Design System
open-source UI framework for consistent, customizable digital experiences.
Product Overview
Moon Design System is an open-source design system originally developed for Yolo Group (bet365-related), providing reusable UI components, guidelines, and tools to build scalable, accessible digital products. It supports multiple implementations including Elixir (with Surface UI), React (TailwindCSS and Styled Components), and Figma kits, emphasizing atomic design, multibranding, and headless approach for flexible, functional interfaces. Ideal for product teams in gaming, betting, and web apps seeking efficient workflows. Component Library: Forms, buttons, charts, datepickers, carousels, modals, and more with variants. Customization: Multibranding support for colors, themes, and styles. Implementations: Elixir/Surface, React/Tailwind, Figma for design. Accessibility: Focus on inclusive patterns (ongoing improvements noted in community feedback).
label.best_for
Teams building scalable, consistent digital products.
Key Features
- Component Library: Forms, buttons, charts, datepickers, carousels, modals, and more with variants.
- Customization: Multibranding support for colors, themes, and styles.
- Implementations: Elixir/Surface, React/Tailwind, Figma for design.
- Accessibility: Focus on inclusive patterns (ongoing improvements noted in community feedback).
Pros
- +Open source
- +Real-time collaboration
- +Color palette generation
- +Export to CSS/design tools
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:free
- Platform:Browser
Vuetify
Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities.
A2UI
open-source protocol for AI agents to generate secure, declarative UIs across platforms.
Watt Design System
Holaluz's Figma-based UI kit for consistent, accessible renewable energy interfaces.