ZOYKUHot Board

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