201 Components & Libraries
Vuejs color-picker Libraries
🏳️ 🏴 REST Countries API with color theme switcher
Countries You can See all countries from the API on the homepage Search for a country using an input field Filter countries by region Click on a count
REST Countries API with color theme switcher is one of the Frontend Mentor challenges. It uses Composition API for Vue.js 3 and pulls data from the REST Countries API.
REST Countries API REST Countries API with color theme switcher is one of the Frontend Mentor challenges. It uses Composition API for Vue.js 3 and pul
Generate color palette from image to use in TaiwindCSS
Generate color palette from image to use in TaiwindCSS
Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.
Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
A font picker made in Vue exported as a vue + web component to be used in any framework of choice
A font picker made in Vue exported as a vue + web component to be used in any framework of choice
Create a beautiful cut effect to your fixed element and change its color with cut effect when scrolling
Chameleons for Vue.JS (BETA) Create a beautiful cut effect to your fixed element and change its color with cut effect when scrolling. Zero dependecy.
Scroll Picker Component for Vue2. Support All Gestures of Mouse(even also MouseWheel!) and Touch.
Scroll Picker Component for Vue2. Support All Gestures of Mouse(even also MouseWheel!) and Touch.
A Vue3.x based color picker component with gradient bar control.
a Vue3.x based color picker component. English | 中文 Features Supports 3 CSS background color modes: solid, linear-gradient and radial-gradient. Suppor
Gradientos makes it easy to choose gradients.
Gradientos is a web app which can help you choose gradients by simply showing your selected gradients on a live demo website with some common UI elements. You can quickly see how the gradient actually looks on a website. Play around and create your own gradient or select one from our collection.
A simple & intuitive gradient picker made with Vue.js
A simple & intuitive gradient picker made with Vue.js. Tap on the gradient to add a new node, drag a node to change its position or to remove it from the gradient.
A region picker based on Vue and ElementUI
A region picker based on Vue and ElementUI
Vue Emoji Mart Picker is a simple WYSIWYG editor component with emoji picker 😜
Vue Emoji Mart Picker is a simple WYSIWYG editor component with emoji picker for VueJS that based on jm-david/emoji-mart-vue
Vue Datetimepicker Component
Vue Datetimepicker Component Related Versions v-datetime-picker Component is baseed on these plugins and libs(version): vue2.x jQuery bootstrap-dateti
Vue Nuxt Scroll Datepicker - Fast, powerful and easy to use component datetime picker for Nuxt Vue
Vue Nuxt Scroll Datepicker - Cashbac In this article, we’ll look at how date and time picker and a virtual scroll. Fast, powerful and easy to use comp
Vue-picker is a multi-slot picker based on vue.js
Vue-picker is a multi-slot picker based on vue.js
Item picker logic for Vue.js v2
Item picker logic for Vue.js v2
Image picker using @lassehaslev/vue-item-picker and Bulma styling
Image picker using @lassehaslev/vue-item-picker and Bulma styling
The picker component based on vue.js
The picker component based on vue.js DEMO vue-picker Install npm install vue-3d-picker
Vue-picker-model is a dependency-free, lightweight vue component
vue-picker-model is a dependency-free, lightweight vue component. You only need to set the title and data description, the source data, it will automatically generate an efficient mobile-based selector.
🖋️ Font selector component for Google Fonts
Font Picker for Vue A simple, customizable font picker allowing users to preview, select, and use Google Fonts on your website. Automatic font downloa
An image picker for image uploading
An image picker for image uploading
Emoji picker vue
emoji-picker-vue demo online codesandbox In node npm install emoji-picker-vue | yarn add emoji-picker-vue
Vue Time Picker - A simple time picker for Vue with a Bootstrap style
Vue Time Picker - A simple time picker for Vue with a Bootstrap style
A dropdown time picker (hour|minute|second) for VueJs (1.x), with flexible time format support
A dropdown time picker (hour|minute|second) for VueJs (1.x), with flexible time format support
A vue plugin to select date and time
vue-date-time-picker-js A vue plugin to select date and time See documentation and demo at vue-date-time-picker-js Installation npm npm install vue-da
A simple Vue.js date and time picker made with material design in mind
vue-material-date-time-picker A date and time picker Vue component. Compatible with Vue 2.x. Performed in material design. Demo Install Usage Props NB
A lightweight and easy to use Vue.js datepicker component
A lightweight and easy to use Vue.js datepicker component (created for Vue 2.x)
Choose a movie for tonight easily and discover new movies.
Choose a movie for tonight easily and discover new movies.
Easy to use vue wrapper around feather icons, inheriting color and size from css cascade
feather-icons-vue Easy to use vue wrapper around feather icons, inheriting color and size from css cascade. The whole deal about feather-icons-vue is
Custom column type for RevoGrid component based on duetds-date-picker library
Custom column type for RevoGrid component based on duetds-date-picker library
Vue component to pick a color from a base64 image, by clicking on it
vue-img-color-picker Vue component to pick a color from a base64 image, by clicking on it. You can access the selected color by $refs.colorPicker.colo
Vue color picker
Vue color picker Iro color picker for Vue. Demo See demo here Install npm install vue-iro-color-picker --save Usage import ColorPicker from 'vue-iro-
Color Picker base on Vue2.x
Color Picker base on Vue2.x
Cordelia Vue - a VueJS plugin that allows you to add a rich color picker into your web pages
Color picker for web and mobile browsers. Vue plugin version of Cordelia Color Picker library.
Color picker Vue.js component
vue-colorpicker Color picker Vue.js component.
A color picker vue component
A color picker vue component
Customizable iOS-like Picker with 3D wheel and all guestures supported for Vue 2
Picker is a Vue component that selects a value from the list by dragging the cylinder allowing users to experience the rolling effect.
Vue-simple-file-picker: a vue package for files picking and uploading
Vue-simple-file-picker is a vuejs component that allows you to retrieve images (url and base64) from the user.
Vue Angle Picker
Vue Angle Picker This is a small project to create the angle picker as I want because I couldn't find it online. Example Instruction Install: npm inst
Color picker for vue using Tailwind v2
Vue Tailwind Color Picker Color picker for vue using Tailwind v2. Requires Tailwind Live demo Installation $ npm install vue-tailwind-color-picker $ y
A component for picking date & time
A Vue Component to pick a ranged datetime in calendar. Built alongside Vue 2.x . This datepicker utilize moment for translations.
Vue Color Pickers for Sketch, Photoshop, Chrome & more
Vue Color Pickers for Sketch, Photoshop, Chrome & more
A Vue.js wrapper for the beautiful date-range picker made by the Baremetrics team.
Vue Baremetrics Calendar A Vue.js wrapper for the beautiful date-range picker made by the Baremetrics team. The Vue-Baremetrics date range picker is a
Nova Kontainer - A Laravel Nove component that adds a file picker for Kontainer
Nova Kontainer Nova Kontainer is a Laravel Nove component that adds a file picker for Kontainer Features Select any image or video from Kontainer and
Vue3-daterange-picker - Date range picker component for vue made without jQuery dependency
vue3-daterange-picker A modified date range picker to run on Vue 3. The componen
Vue.js frontend for Social-Picker-API
Social Picker Vue.js Frontend client built for Social Picker API. Install only necessary npm dependencies – npm i --production Change variables in pro
Directus-extension-svgmap-picker-interface - Select a value from a SVG Map box, built using vue.js
This extension is under development, it may take breaking changes. SVG Map Picke
Simple-calendar-app - Simple Vue calendar (date-picker)
Simple vue calendar (date-picker) Vue Moment.js Installation git clone npm i npm
Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and more.
vue-datetime Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and more. Demo Go to demo. Installation Bundler (We
Vuejs, SelectableDate Picker
⚡️ https://www.npmjs.com/package/@swoorr/vue-selectable-datepicker Vuejs Selectable Date Picker SelectableDate v-model="user.birthDate" / Language o
Vue customizable date picker
Vue customizable date picker
VueJS component to select dates & time, including a range mode
VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo
Vue date range picker component
A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out
Range date picker with simple usage
VueRangedatePicker Vue Date picker with range selection Demo https://bliblidotcom.github.io/vue-rangedate-picker/demo/ Installation npm install --save
Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.
Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js. Documentation For full documentation, visit lite
Simple date picker created with Vue 3
date-picker-vue3 Description Simple date picker created with Vue 3. Features: Select two dates (range) How to use it npm install date-picker-vue3
RWD friendly date+time picker for Vue. Supports date, datetime and time modes, and disabling dates.
@giliweb/datetimerangepicker RWD friendly date+time picker for Vue. Supports date, datetime and time modes, and disabling dates. The DateTimePicker co
Simple, clean calendar input with single date select, or date range selection.
Vue Calendar Input Simple, clean calendar input with single date select, or date range selection. Demo Installation yarn add v-cal-input or npm insta
A date or time picker for vue
vue-date-time-picker Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build
A VueJS component for select date & time (range mode)
VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo
Datepicker component for vue.js build with Tailwind CSS & dayjs date library
Tailwind CSS Datepicker Component Vue.js + SSR support Datepicker component for vue.js build with Tailwind CSS & day.js date library. Light mode Dark
Vue date range picker component
vue-hotel-datepicker A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custo
Lightweight and mobile friendly date time picker based on Vue
Lightweight and mobile friendly date time picker based on Vue. Vue Date Picker emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on css frameworks or date libraries. Weighs less then 5KB.
Yet another date picker component for vue
vue-klender Yet another date picker for vuejs. Currently still using CSS Grid for layout so that it won't work in browser without that feature. This c
vuetify date picker for umalqura calendar
a vuetify date picker for Ethiopian calendar this component is based on umalqura calendar component this component extends vuetify's v-date-picker all
Vue date range picker component
vue-hotel-datepicker A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custo
datepicker component for Vue 2.x
vue-date-picker datepicker component for Vue 2.x Screenshot Instllation $ npm install vue-date-picker --save Usage template div class="demo"
vue daterange-picker component
vue-daterange-picker A vue component for picking range of dates. Install npm install vue-daterange-picker --save import in project: import VueDatera
Standard datepicker
vue-mg-date-picker-standard Installation npm i vue-mg-date-picker-standard Usage app.js import DatePickerStandard from 'vue-mg-date-picker-standard'
Vue date range picker component
Release 1.0.9 https://github.com/joffreyBerrier/vue-hotel-datepicker/releases/tag/1.0.9 [email protected] 👊 👊 👊 An easier Calendar in Vue.js ?
A Vue.js date-time-picker
Vue.js Date-Time Picker A date and time picker Vue component. Support Install Usage Properties Events Formats Install npm install @domi7891/vuejs-date
A vue component using Bootstrap 4 styles for date range selection
vue-date-range-picker A vue component using Bootstrap 4 styles for date range selection Live demo (jsfiddle) Features Date range selection Compare fea
A Vue Date picker component to select date.
Vue Date picker component A Vue Date picker component to select date. Table of contents Browser Support Demo Getting started Usage Available Props Met
VueJS component to select dates & time, including a range mode
VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo
Quasar-app-extension-color-scheme - Generate nice, pretty color schemes for your Quasar project
Quasar App Extension color-scheme Generate nice, pretty color schemes for your Q
vue 3 datepicker. supports disabling, highlighting of dates and programmatic access of date.
Vue 3 Datepicker A datepicker Vue component. Compatible with Vue 3 Only Demo Install Usage Date Formatting Props Events Disabled dates Highlighted dat
Vuetify datetime picker with input fields
Vuetify plugin VDatetimeField Vuetify datetime picker with input fields 📅 Featu
Date picker that can be selected like a drum roll by scrolling and dragging.
vue-drumroll-datetime-picker 日本語 Demo page here Getting started Install yarn add @plusone-masaki/vue-drumroll-datetime-picker or npm install @pluson
Make beautiful but also meaningful wallpapers with colors and words. 🌈
ColorFu ColorFu is where people can use words, colors, patterns and images to make unique wallpapers to express their feelings or ideas. Why is it Wri
A pure Javascript date range picker for hotels.
Hotel Datepicker A pure Javascript date range picker for hotels. Requires Fecha 4.0.0 or above and supports all modern browsers. Check the demo here.
A lightweight emoji picker for the modern web
emoji-picker-element emoji-picker/emoji-picker A lightweight emoji picker, distributed as a web component. Features: Supports Emoji v13.1 (dependi
A fantastic icon picker for Vue3 projects
Vue3 Icon Picker Vanilla Js Version was developed by the awesome people @ here - https://github.com/sh-sabbir/aesthetic-icon-picker/ Ported to Vue3 By
Just emoji picker created in Vue.js
Emojis Emoji picker coded with Vue.js. Includes fast search engine by keywords of icons. Click emoticon to copy it into your clipboard. 🚀 Demo link F
An easy-to-use and customizable date picker component powered by Vue js
vue-datepicker An easy-to-use and customizable date picker component powered by Vue js Demo:s https://codesandbox.io/s/eager-rubin-5zcm9 Install npm i
Random backgrounds and show the color code.
Background Random Vue 🔥 🔥 Random backgrounds and show the color code. Developed with Vue2. Link Preview https://background-random-vue.netlify.app/ ?
The color changing clock.
vueColorClock A Vue.js clone of The Colour Clock, a color changing clock. -- by, Chris Kankiewicz (@PHLAK) Requirements Node.js Building Install depen
A dead simple and elegant month picker for Vue
vue-month-picker A lightweight month picker for Vue.js with no dependencies. Install npm npm install --save vue-month-picker yarn yarn add --save vue-
A component that helps to implement dark mode and other color modes in your Vue application.
@vue-a11y/dark-mode A component that helps to implement dark mode and other color modes in your Vue application. Introduction Give users more options
Date picker input created using Vue and Vue composition api
Vueye Datepicker It's a simple date picker created using Vue.js and the vue-composition-api plugin Installation npm i vueye-datepicker --save Usage
Date picker for distant dates, such as birthday
vueBirthDatepicker Date picker for distant dates, such as birthday. Just three clicks to choose any month and day 20 or 50 years ago. DEMO Istallation
A Color Picker Component Based on Vue And Element-UI Supports Drag And Drop
@toc Introduction 简介 This is a color picker component based on vue and element-ui. It is powerful and supports drag and drop, color picking and other
🗓Vue.js date range picker with multiples ranges and presets (vue 2.x)
vue-mj-daterangepicker Installation You need Vue.js version 2.0+. 1 Install via npm npm install vue-mj-daterangepicker yarn add vue-mj-daterangepicker
Vue component to easy select time intervals. Available at npm. 2018
Vue-time-ranges-picker Vue.js component to select the time intervals of the day. Try it: https://alex-knyazev.github.io/vue-time-ranges-picker/ Npm-mo
A date picker plugin for vue2.x , support multiple selection
vue-multi-date-picker Demo A date picker for vue2.x support multi selection Build Setup # clone git clone [email protected]:zhaokuohaha/vue-multi-date-pi