Skip to content

Morpheme UI - Free and Open-source Vue 3 Component Library based on Morpheme Design System

License

Notifications You must be signed in to change notification settings

gitsindonesia/ui-component

Repository files navigation

Morpheme UI

npm npm Coverage Quality Gate Status

GITS UI is now Morpheme UI. Check out migration guide here.

Morpheme UI (previously known as GITS UI) - A free and open-source Vue UI Library based on Morpheme Design System.

Features

  • 💻 Built with Vue 3
  • 🎨 Tailwind CSS
  • 💎 Includes Iconify Vue for customizable icon support
  • 📦 Offers a first-party Nuxt 3 module for easy integration into Nuxt projects
  • 🚀 Provides TypeScript support by default
  • 🎨 Allows for customization with CSS properties
  • 🔌 Modular design: allows for use as a complete UI framework or as individual plugins
  • 🏷 Headless component by default
  • 🎨 Dark mode: ships with dark mode styles out-of-the-box
  • 🌈 Theming support: create your own custom theme easily

Documentation

Detailed documentation can be found here.

Starter

Checkout starter of Morpheme UI in the starter directory.

Open in StackBlitz

Open in StackBlitz

Open in StackBlitz

Development

To set up Morpheme UI for development:

  • Install lerna and yarn globally:

    npm i -g lerna yarn
  • Bootstap all packages:

    lerna bootstrap
    
  • Build all packages:

    lerna run build
    
  • Run storybook:

    yarn dev

Running Documentation

To run the documentation locally:

cd docs
yarn dev

To build the documentation for production:

cd docs
yarn build

License

Morpheme UI is licensed under the MIT license.