dcode

UI based on Material Design
5,674
Install
npm install dcode
Latest Version:0.17.88
Vue:3
License:MIT
Last Updated:Sep 12, 2026
Links: GitHub  ·  npm
Maintainer: dxtmisha

Material design from @dxtmisha

Demo on ui.f56go.com.

Install a Vue plugin

import dcode from 'dcode'
import dcode from 'dcode/init' // without component

Translation.init({
  'en-GB': [
    () => import('dcode/translations/dc-ui/en-GB.json'),
    () => import('...'),
    ...
  ],
  ...
})
  .then(() =>
    createApp(App)
      ...
      .use(dcode)
      .mount('#app')
  )

Install style

@import "~dcode/design/m2-baseline/init";
@import "~dcode/design/m2-dark/init";

@include init();
@include initDark(); // dark theme (not necessary)

Related Packages

@delonix/ui

A material like components library

897
uni-press-ui

A material like components library for vue2

707
mtt-ui-plus

A material like components library

627
@modulify/m3-vue

Material design v3 components for vue

489 1
@varlet/ui

A Vue3 component library based on Material Design 2 and 3, supporting mobile and...

136,560 5,337

Version History

Version Released Vue License
0.17.88 ^3.2.37 MIT
0.17.87 ^3.2.37 MIT
0.17.86 ^3.2.37 MIT
0.17.85 ^3.2.37 MIT
0.17.84 ^3.2.37 MIT