Skip to content
@Prismyne

Prismyne Design System

Prismyne Design System and Prismyne Themes

alt text

Prismyne

Prismyne is an open-source design system that empowers developers and designers to build modern, consistent, and accessible user interfaces across platforms. Prismyne offers a comprehensive set of components, guidelines, and tools for creating beautiful digital products for web, mobile, desktop, and embedded systems.

Features

  • Comprehensive Component Library
    A rich collection of reusable UI components designed for flexibility and consistency, including buttons, forms, navigation, modals, and more.

  • Accessibility First
    All components are built with accessibility in mind, ensuring your applications are usable by everyone.

  • Advanced Theme System
    Prismyne features a fully dynamic theme system, allowing users to completely customize the look and feel of their applications.

    • Multicolor Mode: Users can freely change and personalize the color palette.
    • Light, Dark, and Light Off Modes: Instantly switch between light, dark, and "light off" (ultra-dark/high-contrast) modes.
    • Dynamic Design Customization: Beyond colors, users can adjust typography, spacing, and other design aspects at runtime.
  • Customizable & Themeable
    Easily customize Prismyne to fit your brand by changing colors, typography, spacing and more. You can also create your own themes or add your system to the Prismyne Dynamic Design to use all community designs.

  • Cross-Platform Consistency
    Achieve a unified look and feel across web, mobile, desktop, and embedded platforms.

  • Developer Friendly
    Built with modern technologies and best practices, Prismyne integrates seamlessly into your workflow.

Getting Started

Installation

Coming soon: Prismyne will be available as an npm package.

npm install prismyne

Usage

Import and use Prismyne components in your project:

import { Button, Card, Input } from 'prismyne';

function App() {
  return (
    
      Click me
      
        Welcome
        This is a card
      
      
    
  );
}

Documentation

Full documentation, including component usage, theming guides, and design principles, is coming soon.

Why Prismyne?

  • Open Source: Free to use and contribute.
  • Universal: Designed for web, mobile, desktop, and embedded systems.
  • Scalable: Suitable for projects of any size, from startups to enterprise applications.

Contributing

We welcome contributions from the community! Please check our contributing guidelines (coming soon) for how to get started.

  1. Fork the repository
  2. Create a new branch (git checkout -b feature/your-feature)
  3. Commit your changes
  4. Push to your branch
  5. Open a Pull Request

License

Prismyne is released under the MIT License.


Prismyne is your foundation for building consistent, accessible, and delightful user experiences—join us and help shape the future of open-source design systems!


Links

Popular repositories Loading

  1. takeui.github.io takeui.github.io Public

  2. .github .github Public

  3. atlas atlas Public

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…