Morpheme UI

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.

Nuxt 3 + Minimal Starter

Nuxt 3 + App Starter

Vue 3

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.