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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GITS UI

GITS.ID

npm version npm

GITS UI is the official UI Component Library in GITS Indonesia built with Vue 3 and Tailwind CSS.

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 by default
  • 🌈 Theming support (coming soon)

Documentation

Detailed documentation can be found here.

Starter

Checkout starter of GITS UI in the starter director

Open in StackBlitz

Open in StackBlitz

Nuxt 3 + GITS UI Complete Starter

Open in StackBlitz

Development

To set up GITS 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:

yarn docs:dev

To build the documentation for production:

yarn docs:build

License

GITS UI is licensed under the MIT license.