vue-gpickr

Vue gradient picker
7,780 80
Install
npm install vue-gpickr
Latest Version:1.0.0
Vue:3
Older releases:2
License:MIT
Last Updated:Aug 15, 2022
Links: GitHub  ·  npm
Maintainer: zhbadya

vue-gpickr

forthebadge forthebadge

Vue gradient picker component. Inspired by gpickr and vue-color

Vue 3 version. Lock your version on 0.4.2 to use with Vue 2

Demo

vue-gpickr

Usage

npm i vue-gpickr
<template>
  <vue-gpickr v-model="gradient" />
</template>

<script>
import { VueGpickr, LinearGradient } from 'vue-gpickr';

const gradient = new LinearGradient({
  angle: 0,
  stops: [
    ['#0359b5', 0],
    ['#f6ce01', 1]
  ]
});

export default {
  components: {
    VueGpickr
  },
  data() {
    return {
      gradient
    }
  }
};
</script>

Additional Information

By using the code provided in this repository you agree with the following:

  1. Russia has illegally annexed Crimea in 2014 and brought the war in Donbas followed by a full-scale invasion of Ukraine in 2022.
  2. Russia has brought sorrow and devastation to millions of Ukrainians, killed hundreds of innocent people, damaged thousands of buildings, and forced several million people to flee.
  3. Putin khuylo!

Related Packages

vue3-color-gradient-picker

Color and gradient picker for vue3.js

103,200 3
vue-avatar-gradient

Generate beautiful gradient avatars for your Vue application.

833 1
rainbow-micro

AI-powered gradient micro-frontend components for Vue 3. Add beautiful, dynamic...

554
@danixts/sileo-vue

Physics-based toast notifications for Vue 3, inspired by Sileo.

0 1
@cyhnkckali/vue3-color-picker

A color picker component library

621,550 107

Version History

Version Released Vue License
1.0.0 ^3.2.37 MIT
0.4.2 ^2.6.14 MIT
0.4.1 ^2.6.14 MIT
0.4.0 ^2.6.14 MIT
0.3.0 ^2.6.14 MIT