vue nice avatar

Related tags

Display images vue-nice-avatar
Overview

vue-nice-avatar

Version npm download

Online editor / preview

Assets

Installation

yarn add vue-nice-avatar

Usage

  1. Import the component

    import NiceAvatar from "vue-nice-avatar";

  2. Render the component with props

    <NiceAvatar />

Options

The options can be passed into genConfig or as React props

key type default accept tips
id string Only for React Props
className string Only for React Props

Development

  1. Clone the repo 
    git clone [email protected]:ademilter/vue-nice-avatar.git
  2. Clone the repo 
    cd vue-nice-avatar
  3. Install dependencies 
    yarn
  4. Start the server for the demo 
    yarn dev
  5. Open the browser to reivew the demo 
    open http://localhost:3000
  6. Edit the files inside src/components/NiceAvatar.

License

Released under MIT by @ademilter.

You might also like...
A native Vue.js lightbox component

vlightbox Simple native Vue.js lightbox

Oliver Taylor 34 Sep 11, 2022
Vue image placeholder directive for broken images.

Vue Image Fallback v-img-fallback Vue image placeholder directive for broken images. If you like this project, please give it a star, and consider fol

Joff Tiquez 46 Oct 13, 2022
A Wrapper of Panolens for building VR applications with Vue based on threejs
A Wrapper of Panolens for building VR applications with Vue based on threejs

A framework for building VR applications with Vue

Mudin Ibrahim 454 Dec 30, 2022
Imagvue is an image component for Vue.js
Imagvue is an image component for Vue.js

Imagvue Imagvue provides basic image processing props(size,blur,contrast,grayscale, etc.). Support image lazy loading. All Attributes can bind with da

Willy Hong 266 Dec 23, 2022
A lightbox inspired Vue.js component.
A lightbox inspired Vue.js component.

A second version of the lightweight lightbox inspired component for Vue.js with local video support and more features coming. If you're interested, see demo.

Martin Rocek 271 Dec 27, 2022
Image comparison slider. Compare images before and after. Supports React, Vue, Angular.
Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

Dmitry Snisarenko 267 Dec 18, 2022
vue-dark-photo 一款基于el-dialog封装的轻便简易的图片预览组件，支持放大、缩小、下载、打印等功能。
vue-dark-photo 一款基于el-dialog封装的轻便简易的图片预览组件，支持放大、缩小、下载、打印等功能。

先上效果图 vue-dark-photo 基于 element-ui2.x 开发的预览图片组件 支持 放大、缩小、复原、下载、打印等功能 支持在线预览pdf、word等文档 暂时只支持jpg、png格式的图片 继承 el-dialog 等组件的属性事件等 适合使用了element-ui的项目 Git

iDark 161 Dec 22, 2022
Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

mirari 2.1k Dec 27, 2022
A Vue.js port of Boring Avatars, a JS library that generates custom, SVG-based, round avatars from any username and color palette.

A Vue.js port of Boring Avatars, a JS library that generates custom, SVG-based, round avatars from any username and color palette.

Mujahid Anuar 84 Dec 19, 2022
Comments
  • Masaüstünde sticky hatası

    Masaüstünde sticky hatası

    Adem hocam merhabalar avatar tasarlamak için sayfaya girince scroll ile aşşağı geldim mi avatar gelmiyor "sticky" sorunu var galiba Telefonlarda sorun yok

    opened by AdemCanCertel 0
Owner
Adem ilter
design and code
Adem ilter
GitHub vue-nice-avatar.vercel.app
A Vue component for showing loader during image loading https://john015.github.io/vue-load-image/

English | 한국어 Vue-load-image Vue-load-image is 1KB(gzipped size) minimalist Vue component that display loader during image loading and display alterna

Sangwon Lee 60 Dec 7, 2022
Vue-cool-lightbox is a pretty Vue.js lightbox component, inspired by fancybox with zoom, swipe, captions and videos supported

Vue-cool-lightbox is a pretty Vue.js lightbox component, inspired by fancybox with zoom, swipe, captions and videos supported.

Lucas Pulliese 327 Jan 1, 2023
Vue-image-loader: image loader for vue js with prevue

Vue-image-loader: image loader for vue js with prevue

null 0 Feb 1, 2020
A photo gallery app using Vue.js + Vue Router + Vuex

Vue Photogram App A photo gallery app using Vue.js + Vue Router + Vuex Features: Using Pixabay Api Home, category, tag and single photo page Infinite

Emre Güney 7 Dec 12, 2022
Vue progressive image loader plugin like Medium

vue-image-loader Vue progressive image loading plugin Article here : https://www.kevindesousa.me/vue-image-loader/ Installation $ npm install @kevinde

Kevin De Sousa 57 Jul 19, 2022
🙋‍♀️ Image magic animation drawing effect component for Vue 2.x | 图像动态绘制效果

vue-image-painter English | 简体中文 ?? Example Demo Demo Source Code ?? QuickStart Install yarn add vue-image-painter # OR npm i -S vue-image-painter Imp

Komo 26 Sep 19, 2022
🎨 A vue directive for the cosha library

vue-cosha Vue cosha is a simple port of the cosha library for ease of use in Vue projects. "Colorful shadows for your images. ?? " cosha lets you add

Josh King 78 Oct 25, 2022
A Vue version of an excellent peity library for beautiful mini svg graphs.

Peity A Vue version of an excellent peity library for beautiful mini graphs.

null 65 Dec 22, 2022
Barcode generator for Vue.js

VueBarcode Add barcodes to your Vue application super easily with VueBarcode! Try it out! Supported barcode formats: CODE128 EAN EAN-13 EAN-8 EAN-5 EA

Johan Lindell 210 Dec 28, 2022
A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch .

A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch .

XiongAmao 272 Jan 3, 2023