undraw-vue

Undraw illustration library for Vue 3
1,484
Install
npm install undraw-vue
Latest Version:1.0.3
Vue:3
Last Updated:Jun 19, 2025
Links: npm
Maintainer: vrets

Undraw illustrations for Vue 3

Logo

Usage

<script setup lang="ts">
import { UndrawIllustration } from 'undraw-vue';
</script>

<template>
  <UndrawIllustration
    name="Done"
    size="15rem"
    color="var(--primary-color)"
  />
</template>

Properties

Name Required Default Description
name yes - Illustration name (see Illustration type)
size no 100% Illustration size (height)
color no #6D07E8 Illustration accent color
style no - Illustration CSS styles

Supported illustrations

Please check https://github.com/aresofficial/undraw-vue/blob/main/src/types/Illustration.ts

Related Packages

vue2-undraw

A component library of undraw.co for vue.

4,005 5
vue-undraw

A Vue component library for unDraw illustrations

25,975
vue

The progressive JavaScript framework for building modern web UI.

588,019,132 54,801
vue
@vueuse/shared
372,738,348 22,398
@vueuse/core

Collection of essential Vue Composition Utilities

367,188,523 22,398

Version History

Version Released Vue License
1.0.3 ^3.0.0
1.0.2 ^3.0.0
1.0.1 ^3.0.0
1.0.0 ^3.0.0
0.0.10 ^3.0.0