⚡️ Build scalable and accessible Vue.js applications with ease.

Overview

Build & Test Components Netlify Status Chakra UI Vue downloads All contributors

chakra-ui symbol

Build scalable and accessible Vue.js applications with ease.

@chakra-ui/vue gives you a set of accessible and composable Vue components that you can use to build your favourite applications and sites.

Made for Vue 2.X

Looking for the documentation?

Head over here => https://vue.chakra-ui.com

中文文档翻译Github问题

Features

  • Ease of Styling: Chakra UI contains a set of layout components like CBox and CStack that make it easy to style your components by passing props. Learn more
  • Flexible & composable: Chakra UI components are built on top of a Vue UI Primitive for endless composability.
  • Accessible. Chakra UI components follows the WAI-ARIA guidelines specifications and have the right aria-* attributes.
  • Dark Mode 😍 : Most components in Chakra UI are dark mode compatible.

Table of Contents

  1. Installation
  2. Usage a. With Nuxt

Installation

yarn add @chakra-ui/vue @emotion/css

or

npm install @chakra-ui/vue @emotion/css

Note: If you're using Nuxt, you need to install @nuxtjs/emotion package as well to server-side render your styles.

yarn add @chakra-ui/vue @emotion/css @nuxtjs/emotion

Usage

1. Import the Chakra UI plugin in your main.js file.

import Vue from 'vue'
import Chakra from '@chakra-ui/vue'
import App from './App.vue'

Vue.use(Chakra)

new Vue({
  el: '#app',
  render: (h) => h(App)
}).$mount()

2. Wrap your application inside the Chakra CThemeProvider. We also recommend that you include the CReset component to normalize all browser styling.

In your App.vue file.

<template>
  <CThemeProvider>
    <CReset />

    <!--
      Your application code goes here! 😁
    -->
  </CThemeProvider>
</template>

<script>
  import { CThemeProvider, CReset } from '@chakra-ui/vue'

  export default {
    name: 'App',
    components: {
      CThemeProvider,
      CReset
    }
  }
</script>

If you'd like to toggle your app between dark and light mode, you can also wrap your application inside the ColorModeProvider component.

3. Hurray! 🎉 Now the fun can begin. You can start using components like so:

<template>
  <CThemeProvider>
    <CReset />

    <!--
      Your application code goes here! 😁
    -->
    <CButton variantColor="blue">
      Chakra consumed ⚡️
    </CButton>
  </CThemeProvider>
</template>

<script>
  import { CThemeProvider, CReset, CButton } from '@chakra-ui/vue'

  export default {
    name: 'App',
    components: {
      CThemeProvider,
      CReset,
      CButton
    }
  }
</script>

Codesandbox starters

Storybook Components

You can also view all developed components in Storybook!

Development for Contributing:

Interested in contributing? See our open issues! Remember to take a look at our CONTRIBUTORS guide.

yarn install
yarn build && yarn bootstrap
yarn dev

Related

Contributors

Thanks goes to these wonderful people (emoji key):


Jonathan Bakebwa

💻 ⚠️ 📖

Mesut

💻 ⚠️

Omereshone Kelvin Oghenerhoro

📖 💻

Eric Carboni

📖

ankorGH

📖

Emmanuel Raymond

💻 📖

Harry Gulliford

📖

IFEANYICHUKWU AMAJUOYI

📖

Pierre Grimaud

📖

Ekunola Ezekiel

🔧 📖

Gift Egwuenu

📖

Joshua Angelo Bienes

📖

Saptak Sengupta

📖

Kuro Hsu

📖 💻

Anmol

📖

Vishnumohan R K

📖

Ken Love

💻 ⚠️

Guilherme Schalch

💻

Žiga Vukčevič

📖

Sybren W

📖 🖋 💡 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Issues
  • [CLI Tooling]: Add support for `create-nuxt-app`

    [CLI Tooling]: Add support for `create-nuxt-app`

    Is your feature request related to a problem? Please describe. To make it simple for users to get started with Chakra UI Vue with Nuxt.js, we can include Chakra UI Vue as an option to the CLI template.

    Describe the solution you'd like Add Chakra UI Vue as an option to create-nuxt-app.

    Additional Context Should be added at the Create Nuxt App repo.

    See: https://github.com/nuxt/create-nuxt-app/tree/master/packages/cna-template/template/frameworks

    type: feature or enhancement ⚡️ status: work in progress 🐜 
    opened by codebender828 20
  • Bottom navigation links

    Bottom navigation links

    Closes #211

    Description

    • Ability to navigate to different sections of documentation at the footer of each page

    Motivation and Context

    How Has This Been Tested?

    Screenshots (if appropriate):

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [ ] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] I have added tests to cover my changes.
    • [ ] All new and existing tests passed.
    type: documentation 📚 type: feature or enhancement ⚡️ 
    opened by Easybuoy 19
  • test: add tests for Creset.vue

    test: add tests for Creset.vue

    This pull contains tests for CReset.vue.

    Description

    To enable testing on this CReset component, I added a tests/component-utls.js module to expose @vue/test-utils. It also wraps @vue/test-utils:mount to auto inject the default providers mock functions; like test-utils.js. I exported defaultProviders into provider-mock.js for re-use.

    Otherwise, I added a validator function to CReset.vue config prop.

    Motivation and Context

    These changes contribute to #9, #34; and was mentioned in #287.

    How Has This Been Tested?

    All yarn test pass.

    Screenshots (if appropriate):

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [x] I have added tests to cover my changes.
    • [x] All new and existing tests passed.
    opened by freality 11
  • fix(menu): update MenuOption defaultValue prop to inner value

    fix(menu): update MenuOption defaultValue prop to inner value

    Description

    Fixed a bug in the defaultValue prop of the MenuOption.

    Motivation and Context

    The MenuOption is not using the value of the defaultValue prop. Also, for the checkbox type, the defaultValue prop must include the Array type.

    Types of changes

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] I have added tests to cover my changes.
    • [x] All new and existing tests passed.
    opened by abelnnieva 9
  • feat: add type definition of component

    feat: add type definition of component

    Description

    Fix a part of https://github.com/chakra-ui/chakra-ui-vue/issues/275. I don't added any type definitions other than components (e.g. Chakra class).

    Motivation and Context

    We can import each components in a typescript file.

    How Has This Been Tested?

    Automatically generate d.ts file from each components.

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] I have added tests to cover my changes.
    • [ ] All new and existing tests passed.
    type: feature or enhancement ⚡️ type: tooling 🛠 typescript 
    opened by odanado 8
  • [ChakraLoaderPlugin Error] No matching rule for vue-loader found

    [ChakraLoaderPlugin Error] No matching rule for vue-loader found

    Describe the bug When I upgrade @charkra/ui-nuxt version from 0.0.13 to 0.1.0 --> This had an error.

    [ChakraLoaderPlugin Error] No matching rule for vue-loader found.                                                                                                                                         
    Please make sure that vue-loader is installed and included in your webpack config.
    

    Expected behavior I upgrade this package because I want my team work with the new properties CSS like place-content="center space-between". So hope you or your team will fix it!

    Screenshots image

    Desktop (please complete the following information):

    • OS: MacsOs 10.15.4
    type: bug 🐛 status: needs more info 🤔 has work-around 🤞🏽 🔧 
    opened by harrytran998 8
  • feat: Pass all listeners to render function in CFlex, Stack

    feat: Pass all listeners to render function in CFlex, Stack

    Description

    It's quite common for container components like CFlex, CStack to receive custom listeners such as click, blur. It will be especially helpful and more common to have them when rendering with custom component as prop. It is more intuitive to have all listeners passed down by default.

    As in #452, when rendering CStack as a form, we are unable to receive its onSubmit, then we have to create a wrapper outside CStack, this may break HTML structure and break our CSS selectors, which is not really ideal.

    So here, we include all computedListeners into the render function, allow components to receive it.

    Closes #452

    How Has This Been Tested?

    • I have added some tests to make sure the handler gets called
    • Nothing will affect the current version
    • For the 2 tests file, I've added the describe phrase to make test results more readable

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [x] I have added tests to cover my changes.
    • [x] All new and existing tests passed.
    opened by simpletrontdip 7
  • Docs:

    Docs: "Edit this page" leads to 404 on GitHub

    The "Edit this page on GitHub" link at the end of docs page leads to 404 page not found on GitHub.

    type: documentation 📚 type: contributions welcome 💚 
    opened by vishnumohanrk 7
  • [Typescript]: Theme values are not updated after modifying them in custom-theme.js, in a Vue TS project.

    [Typescript]: Theme values are not updated after modifying them in custom-theme.js, in a Vue TS project.

    Describe the bug After specifying some custom values in custom-theme.js, and after using red.500, the color that shows up is different from what I specified

    To Reproduce Steps to reproduce the behavior:

    1. Start a new Vue project with TS
    2. Set up Chakra as you usually would (via @vue/cli)
    • My implementation
    ...
    import Chakra, { CThemeProvider, CReset } from '@chakra-ui/vue';
    import * as customTheme from './custom-theme.js';
    // tried import {customTheme} from './custom-theme'; as I changed this file to .ts one
    // tried exporting a variable as well, and doing import customTheme
    ...
    Vue.use(Chakra, {
    	extendTheme: customTheme,
    });
    ...
    new Vue({
    	router,
    	store,
    	i18n,
    	render: (h) => h(CThemeProvider, [h(CReset), h(App)]),
    }).$mount('#app');
    
    1. Specify custom values in custom-theme.js such as
    export default {
       ...
        colors: {
            // this is essentially blue
            blue: {
                50: '#e9f0f7',
                100: '#d4e0ef',
    	    200: '#a9c1df',
                300: '#7da2ce',
                400: '#5283be',
                500: '#2764ae', // the actual blue color
                600: '#1f508b',
                700: '#173c68',
                800: '#102846',
                900: '#081423',
                950: '#040a11'
            },
    

    Expected behavior I expect to see my specified value for the blue, not the default chakra one

    Desktop (please complete the following information):

    • OS: Windows 10
    • Browser: Firefox, Brave
    • Version: 80.0.1, 1.13.82 Chromium: 85.0.4183.83
    help wanted 🆘 status: needs reproduction ♺ type: contributions welcome 💚 typescript 
    opened by jessaleks 7
  • qn: Error using $chakraColorMode method with typescript

    qn: Error using $chakraColorMode method with typescript

    Describe the bug I have just create a brand new nuxt.js project, with chakra-ui and typescript and if I set script tag's lang attribute to "ts", then it marks me an error over any use of this.$chakraColorMode(), this.$chakraTheme(), this.$toggleColorMode, this.$toast()

    The error: Property '$chakraColorMode' does not exist on type 'CombinedVueInstance<Vue, unknown, unknown, unknown, Readonly<Record<never, any>>>'.Vetur(2339)

    Is there any way to work around this??

    To Reproduce Steps to reproduce the behavior:

    1. create a nuxt app with yarn create nuxt-app <project-name>
    2. Select chakra-ui and typescript modules
    3. Activate runtime linting (ignore static/.sw.js)
    4. See error in page index

    Expected behavior Have no errors since this method is injected by chakra-ui

    Screenshots Captura de Pantalla 2021-07-20 a la(s) 1 41 47 a m

    Desktop (please complete the following information):

    • OS: [e.g. MacOS Big Sur]
    help wanted 🆘 type: contributions welcome 💚 type: tooling 🛠 typescript 
    opened by lianulloa 7
  • CSS priority order for responsive goes wrong

    CSS priority order for responsive goes wrong

    Describe the bug Does anyone meet this issue before? I have a CStack with the width as below:

    <c-stack
      my="10"
      mx="6"
      p="6"
      spacing="4"
      bg="white"
      :w="{ base: '100%', md: '28rem' }"
    >
      ...
    </c-stack>
    

    The result is: the box is always 100% width in any screen width; because the css order is wrong

    To Reproduce Check out this repo from codesandbox: https://codesandbox.io/s/codesandbox-nuxt-typescript-forked-77352?file=/pages/index.vue:351-494

    Expected behavior The order should be corrected.

    Screenshots Screen Shot 2021-10-07 at 15 44 05

    Desktop (please complete the following information):

    • OS: MacOS 11.1
    • Browser: Any browser
    • Version: Latest

    Smartphone (please complete the following information):

    • N/A
    opened by trandaison 0
  • fix: textarea event error

    fix: textarea event error

    Description

    When using the event @change in <CTextarea v-if="isTextArea" placeholder="Insert your text" v-model="text" @change="handleText" />, it displays an error that it is not a function.

    This PR fixes the error and allows the change event to be used on the CTextarea component and adds a story with the change event.

    Motivation and Context

    Fixes #356

    Types of changes

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] I have added tests to cover my changes.
    • [x] All new and existing tests passed.
    opened by peoray 4
  • feat(theme): add default config settings

    feat(theme): add default config settings

    Description

    Add config option key to Chakra-ui-theme

    Motivation and Context

    We didn't make use of the config option key and cssVarPrefix that are available in the Chakra-UI/Styled-system package

    How Has This Been Tested?

    Not sure how to test this. Tried on a playground project.

    Screenshots (if appropriate):

    Screenshot 2021-09-20 at 11 35 28 Screenshot 2021-09-20 at 11 40 53

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [X] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [X] My code follows the code style of this project.
    • [X] My change requires a change to the documentation.
    • [X] I have updated the documentation accordingly.
    • [X] I have added tests to cover my changes.
    • [X] All new and existing tests passed.
    type: feature or enhancement ⚡️ topic: theme 🎨 
    opened by carwack 4
  • Not all components can overwrite base style use baseStyles

    Not all components can overwrite base style use baseStyles

    Describe the bug For now package allow overwrite base style of components via config. Problem is not all components can overwrite. Ex is CMenu and child components. I use baseStyles property on config to add custom dark mode for border color:

    image

    image

    it not working on darkmode.

    I'm not sure this is bug or we even not complete add components to baseStyles. Can we have workaround with this issue?

    Thanks!

    Desktop (please complete the following information):

    • OS: Mac 14
    • Browser Chrome
    • Version latest
    opened by TrungRueta 0
  • feat: include `vue-cli-plugin-chakra-ui`

    feat: include `vue-cli-plugin-chakra-ui`

    Description

    Adds the vue-cli-plugin-chakra-ui to the mono repo. This will allow us to publish updates along with changes in the @chakra-ui/vue core.

    How Has This Been Tested?

    N/A

    Types of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to change)

    Checklist:

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] I have added tests to cover my changes.
    • [x] All new and existing tests passed.
    opened by codebender828 3
  • Modal component cannot be swiped in Safari browser of IPhone

    Modal component cannot be swiped in Safari browser of IPhone

    Hi Jonas, Modal component cannot be swiped in Safari browser of IPhone, and the content at the bottom is blocked. I have been looking for a solution, do you have a good method? I am looking forward to your reply

    opened by rygz146 0
  • Picking letterSpacing values from theme

    Picking letterSpacing values from theme

    Describe the bug

    Hi! I may be missing something, but I can't get letterSpacing prop values to be looked up from theme's letterSpacings section. Any string value of the letterSpacing prop seems to be pushed to CSS as letter-spacing verbatim.

    To Reproduce

    1. Go to Vue Starter starter example from the docs (or my fork).
    2. Add letterSpacing="tight" to the CHeading element.
    3. Look up CSS props of the rendered h2 element.

    Expected behavior

    Expected tight to be transformed to -0.025em as per theme.letterSpacings.tight.

    Screenshots

    Chakra UI Vue starter bevahior:

    image


    Chakra UI example with letterSpacing="tight"on Textelement:

    image

    opened by definiteIymaybe 0
  • Install, extend theme as Provider props not plugin constant

    Install, extend theme as Provider props not plugin constant

    • For multiple language apps, switching language also requires updating the theme, e.g. changing flow direction for RTL language.
    • For now, we install theme via plugin constant injection, this is hard to support the theme switching.
    • We need support installing/extending the global theme as Provider props instead
    • This also helps our tests more clear and concise
    opened by simpletrontdip 0
  • CDrawer: searchbar overlap and double scrollbars

    CDrawer: searchbar overlap and double scrollbars

    1. The search bar overlaps over the drawer on the documentation page searchbar_overlapping

    2. The page has double scrollbars on the side double_scrollbar_1 double_scrollbar_2

    Tested on:

    • Chrome 91.0.4472.124
    • Firefox 89.0.2

    Note: the double scrollbar issue doesn't seem to be present on firefox

    opened by NexWasTaken 0
  • v-chakra directive bug : flash of unstyled content when applyed on a external component

    v-chakra directive bug : flash of unstyled content when applyed on a external component

    Compare this two :

    1 V-chakra directive on a nested component

    test.vue

    <template>
      <main>
        <c-heading>
          Salut
          <DabadiDabada v-chakra background="red"></DabadiDabada>
        </c-heading>
      </main>
    </template>
    

    DabadiDabada.vue

    <template>
      <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit.
      </div>
    </template>
    
    

    2 V-chakra directive on an component living inside the parent

    test.vue

    <template>
      <main>
        <c-heading>
          Salut
          <div v-chakra background="red">
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
          </div>
        </c-heading>
      </main>
    </template>
    

    Results

    Screenshot 2021-05-31 at 23 55 14

    In both case, it works like above, however you get a flash of styling on case 1. If you disable javascript (Safari dev menu), styling isn't applied:

    Screenshot 2021-05-31 at 23 57 59

    With js

    Style appended with "className" appendix is added afterward (hence the flash of styling). Screenshot 2021-05-31 at 23 58 58

    No js

    No style is appended Screenshot 2021-05-31 at 23 58 41

    Additional note :

    If you add some styling on a root chakra component in DabadiDabada.vue, it works along the v-chakra styling on the parent. Still, the styles coming from v-chakra directive suffers from being added afterwards. Screenshot 2021-06-01 at 0 04 12

    status: needs more info 🤔 status: needs reproduction ♺ type: contributions welcome 💚 
    opened by JulianCataldo 1
Releases(@chakra-ui/[email protected])
Owner
Chakra UI
UI components that make it super-easy to create websites and web apps with speed ⚡️
Chakra UI
🚀 zircle-ui is a frontend library to develop zoomable user interfaces.

A frontend library to develop zoomable user interfaces. Like it? Get involved, fork it or leave a star. Breaking news! I've been working on a new zoom

Zircle 877 Oct 11, 2021
🐉 Material Component Framework for Vue

Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t

vuetify 32.3k Oct 15, 2021
A minimalist solution for building micro front-end applications.

micro-app is a micro front-end framework launched by JD Retail. It renders based on webcomponent-like and realizes the micro front-end from component thinking, it aiming to reduce the difficulty of getting started and improve work efficiency.

zero 1.2k Oct 14, 2021
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl

BootstrapVue 13.5k Oct 18, 2021
Material design for Vue.js

Material Design for Vue.js Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs Build well-designed app

Vue Material 9.5k Oct 14, 2021
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop

vueComponent 15.4k Oct 14, 2021
:diamonds: A modular and customizable UI library based on Material Design and Vue

BalmUI Next Generation Material UI for Vue.js Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js. ?? NOW, balm-ui

BalmJS 260 Oct 15, 2021
Vue implementation of the Carbon Design System

carbon-components-vue Vue implementation of the Carbon Design System A collection of Carbon Components implemented using Vue.js. Carbon Vue library -

Carbon Design System 412 Oct 13, 2021
🎩 Vue Demi is a developing utility allows you to write Universal Vue Libraries for Vue 2 & 3

?? Vue Demi (half in French) is a developing utility allows you to write Universal Vue Libraries for Vue 2 & 3

VueUse 1.1k Oct 14, 2021
Vue wrapper arround Material Components for the Web

Material Components for Vue Vue components (Vue 3.0) for Material Web Components which uses the Using Foundations and Adapters integration technique.

null 81 Oct 11, 2021
UI Components for Vue

VueFace VueFace is an open source component library for VueJS framework with around 40 components at the moment. It supports 20+ themes for giving dif

Sudheer Jonna 73 Sep 20, 2021
Vue.js components implementation of Fundamental Library Styles guidelines. The library is aiming to provide a Vue.js implementation of the components designed in Fundamental Library Styles.

Fundamental Vue Description The fundamental-vue library is a set of Vue.js components built using Fundamental Library Styles. Fundamental Library for

SAP 177 Sep 26, 2021
基于element-ui二次封装组件库

Anchor-UI-Vue 基于 Element-UI 二次封装组件库, 简洁至上,灵活性高,99%支持原有属性 Component Kanban 目前提供如下组件 Components 快捷入口 an-table 文档实例 an-dialog 文档实例 an-layout 文档实例 an-sepa

camel-lu 6 Aug 31, 2021
Vue Components inspired by Microsoft's Fluent Design System

Vue Components inspired by Microsoft's Fluent Design System

null 53 Oct 14, 2021
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top

HeyUI An UI components library. Components Documentation visit heyui.top. Install npm install heyui --save Start Basic <script src="https://cdn.jsdeli

Hey UI 2.4k Oct 20, 2021
Tailwind CSS UI components build for Vue.js / Nuxt.js

mijin Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x ?? Documentation Features ?? Component style relying uniquely on Tailwind CSS pres

Léonard Lecouey 122 Oct 16, 2021
Vue Bootstrap with Material Design - Powerful and free UI KIT

Vue Bootstrap with Material Design Based on the latest Bootstrap 4 and Vue. 400+ material UI elemens, 600+ material icons, 74 CSS animations, SASS fil

MDBootstrap 837 Oct 13, 2021
A sub module of EdgeGallery MECM which responsible for the orchestration portal.

mecm-fe Introduction repo for mecm fe Architecture See Configuration Reference. Installation npm install Instructions Project setup npm install Compil

EdgeGallery 20 Oct 12, 2021