All Projects → vyperium → mdue

vyperium / mdue

Licence: MIT License
5,400+ Material Design Icons for Vue 3 from the Community

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to mdue

Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+18137.04%)
Mutual labels:  icons, vue3
Clarity
Customizable Monoshape Vector Icon Theme for GTK+
Stars: ✭ 37 (+37.04%)
Mutual labels:  icons
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (+18.52%)
Mutual labels:  vue3
vuejs3-datepicker
vue 3 datepicker. supports disabling, highlighting of dates and programmatic access of date.
Stars: ✭ 23 (-14.81%)
Mutual labels:  vue3
vue3-highcharts
Vue 3 component wrapper for Highcharts.js
Stars: ✭ 41 (+51.85%)
Mutual labels:  vue3
agnosticui
AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.
Stars: ✭ 326 (+1107.41%)
Mutual labels:  vue3
blade-simple-icons
A package to easily make use of Simple Icons in your Laravel Blade views.
Stars: ✭ 12 (-55.56%)
Mutual labels:  icons
aurelia-fontawesome
Font Awesome 5 Aurelia component
Stars: ✭ 15 (-44.44%)
Mutual labels:  icons
la-capitaine-android
📱 La Capitaine icons on Android!
Stars: ✭ 17 (-37.04%)
Mutual labels:  icons
ak-vue3
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Tr…
Stars: ✭ 24 (-11.11%)
Mutual labels:  vue3
small-open-datasets
A collection of automatically-updated, ready-to-use and open-licensed datasets
Stars: ✭ 32 (+18.52%)
Mutual labels:  icons
iconplus
Produce icons with extra effect like long shadow, flat shadow, box effect, circle effect and rounded rectangle effect. It support Dynamic text, Font-awesome icons and also google materialized icon. You can make any Font-awesome icon as line icon and add attractive effect to it dynamically. As a output you will get CSS3 code and also you can expo…
Stars: ✭ 34 (+25.93%)
Mutual labels:  icons
tree-chart
Flexible tree chart using Canvas and Svg, powered by D3.js; ✅Support Vue, Vue3 and React;
Stars: ✭ 265 (+881.48%)
Mutual labels:  vue3
PaintCode2Skia
Convert your PaintCode app drawings (Android java export) to SkiaSharp C# code
Stars: ✭ 39 (+44.44%)
Mutual labels:  icons
giantgo-render
基于vue3 element plus的快速表单生成器
Stars: ✭ 28 (+3.7%)
Mutual labels:  vue3
vue3-dropzone
HTML5 drag-drop zone with vue3
Stars: ✭ 34 (+25.93%)
Mutual labels:  vue3
v-pip
🖼 Tiny vue wrapper for supporting native picture-in-picture mode.
Stars: ✭ 30 (+11.11%)
Mutual labels:  vue3
Material.Icons.Avalonia
Avalonia control for display material icons from Material.Icons: https://github.com/SKProCH/Material.Icons
Stars: ✭ 19 (-29.63%)
Mutual labels:  icons
hs-icons
Hearthstone vector icons
Stars: ✭ 36 (+33.33%)
Mutual labels:  icons
vuecabulary
用Vue写的高效背单词App,方法来自《17天搞定GRE单词》
Stars: ✭ 47 (+74.07%)
Mutual labels:  vue3

mdue

npm version types license

Material Design Icons for Vue 3. This library has over 5,400+ icons thanks to the amazing people at Material Design Icons. The icons were generated as Vue components using their library @mdi/util.

Features

  • SVG based icons.
  • Supports Vue 3.
  • Treeshaking supported.
  • Supports typescript.
  • Stylable using CSS (inherits color and font size).

Installation

$ npm install mdue --save
# or
$ yarn add mdue

Example

Using the icons from mdue is very easy. Just import the icons into your app and use them. Only the icons that you use will be bundled with the app.

<template>
  <ab-testing></ab-testing>
</template>

<script>
  import { AbTesting } from 'mdue';

  export default {
    name: 'App',
    components: {
      AbTesting,
    },
  };
</script>

A more full-fledged example in the examples directory. You may clone the repo and try the icons out.

Contributing

If you want to contribute to this project, you may easily create issues and send PRs. Please take note that your code contributions will be applicable under MIT license unless specified otherwise.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].