ZOYKU火线榜

gitsindonesia/ui-component技术文档

Morpheme UI - Modern Vue 3 Component Library

多语言回退提示:当前仓库原作者暂未发布本地化文档,已为您无缝切换至官方英文原版(English),排版及代码实例完整保真。
npm i ui-component

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.

文档镜像归档自 GitHub 官方源路径 · 访问原项目 GitHub
最后同步快照:2026-11-08