6580 Components & Libraries
Vuejs vue Libraries
A middleware that can be installed in your Vue project for authentication
vue-firebase-auth-plugins Plugins that can be installed in your Vue project for authentication to help with routing and waiting for user authenticatio
The vue plugin that attaches electron-json-storage APIs to the Vue object, making them accessible to all components.
vue-electron-storage A vue plugin that wraps electron-json-storage APIs to the Vue object. Installing Install using NPM npm install vue-electron-json-
Transbank nodejs Vue plugin
Transbank nodejs Vue plugin Soon there will be a nuxt version How to add to your project: NPM npm install transbank-sdk-node-vue YARN yarn add transba
Vue Shockinflux Payview Component for Vue 2.x.
Shockinflux Payview Component for Vue 2.x A Vue Plugin for Shockinflux-Payview Payment Gateway. Demo Install NPM npm install vue vue-shockinflux-payvi
A vue plugin for Stripe checkout.
Vue Stripe Checkout Welcome to the Vue Stripe Checkout 3! This version is still incomplete, but please let me know what's missing or what you're expec
Writing Vue component using JSX blocks.
jue Install You will need the jue runtime and babel-preset-vue for transforming Jue JSX: yarn add jue yarn add babel-preset-jue --dev Configure .babel
Reactivity system for Angular. Based on Vue Composition API.
Note This repository is no longer maintained. The story continues at Angular Composition API. Reactivity system for Angular. Based on Vue Composition
State Management made eXtraordinarily simple and effective for Angular, React, and Vue
XSM - State Management made eXtraordinarily simple and effective for Angular, React, Vue, and Svelte. 🏠 Homepage Demos Angular React Svelte Vue Realw
A plugin can redo, undo deep nested JSON. Vue and React friendly.
json-history A plugin can redo, undo deep nested JSON. Vue or React friendly. Support Date as value but regex and function min+gzipped 12.2kB uses goo
Package to maintain entities in Vuex.
Note This project is a fork of the project of Manu Bhardwaj, You can access the original project here. The difference from this project to the origina
A state management library for react inspired by vue 3.0 reactivity api and immer
Welcome to costate 👋 A state management library for react inspired by vue 3.0 reactivity api and immer costate is a tiny package that allows you to w
Type-safe reactive state management
rxsv Framework agnostic minimal state management library based on RxJS, heavily inspired by Redux and Redux-Observable with limited boilerplate and Ty
A tiny Vue plugin that connects Vue Router with Redux
redux-first-vue-routing A tiny Vue plugin that connects Vue Router with Redux, an implementation of redux-first-routing. New to Redux? Start Here Achi
A tiny Vue plugin that connects components with Redux
redux-connect-vue **Note: redux-connect-vue v3 is compatible with Vue 3.x. If you are looking for a Vue 2.x compatible version, check out v2 A tiny Vu
Styletron for Vue.js
vue-styletron Styletron for Vue.js Install Add dependency npm install vue-styletron --save or yarn add vue-styletron Initialize plugin import VueStyle
Vue component CSS class name helper directive
v-class-name Add CSS class name which based on name property. import vueClassName from 'v-class-name' Vue.use(vueClassName) template div v-class-
Greylock Labs Stylelint rules
@greylocklabs/stylelint-config Greylock Labs Stylelint rules Installation Install the package and all of its peer dependencies: $ npx install-peerdeps
BEM is a great way to namespace DOM elements
Vue BEM Plugin BEM is a great way to namespace DOM elements. If you're like me, however, you can't stand manually writing __ and -- over and over agai
Writing inline CSS style in Vue component with ease.
Vue Inline Styled Writing inline CSS style in Vue component with ease. Use style-to-object under the hood. Installation Via npm: npm install vue-inlin
Veo JavaScript linting rules
@veobot/eslint-config Veo Robotics ESLint rules for all JavaScript / TypeScript projects Installation Install the package and all of its peer dependen
Vue component for hinting addresses using dadata.ru
Vue Dadata It's a vue component for hinting addresses using DaData.ru. Version Description 1.*.* Old version for vue2 2.*.* New version for vue2 3.*.*
TypeScript preset for Babel 7.x supporting Vue.js components written in TS
babel-preset-typescript-vue TypeScript preset for Babel 7.x supporting Vue.js components written in TS. A drop-in replacement for @babel/preset-typesc
Shrimpit 🍤 is a small CLI analysis tool for checking unused JavaScript, JSX & Vue templates ES6 exports in your project.
Shrimpit 🍤 Shrimpit is a small CLI analysis tool for checking unused JavaScript, JSX & Vue templates ES6 exports in your project. Install npm npm i -
Vue with Typescript and Google Map
CONTRIBUTORS NEEDED! My projects at work have also gradually migrated away from Google Maps (but still on Vue -- Vue's awesome!), so there's less and
Browserify transform for single-file Vue components
vueify-fork Browserify transform for Vue.js components, with scoped CSS and component hot-reloading. NOTE: master branch now hosts version ^9.0, which
Use decorators to create Vue Apollo smart queries
Vue Apollo Decorators Use decorators to create Vue Apollo smart queries Documentation Install yarn add vue-apollo-decorators npm i vue-apollo-decorato
Wrapper of Inversify to inject your dependencies in the components, made with TypeScript and compatible with Vue, React and other component libraries.
Inversify Props This package is a wrapper of Inversify to simplify how inject your dependencies with property decorators in the components, made with
A manage easy session storage plugin for VueJS
Install npm install vue-easysession --save To install the plugin, do the following: import VueEasySession from 'vue-easysession' Vue.use(VueEasySessio
babel plugin for vue 2.0 jsx
babel-plugin-transform-vue-jsx Babel plugin for Vue 2.0 JSX Babel Compatibility Notes If using Babel 7, use 4.x If using Babel 6, use 3.x Requirements
vue cli plugin to support tsx in vue.
vue-cli-plugin-tsx Write vue in TSX, powered by babel-plugin-macros, vue-tsx.macro and babel-plugin-transform-vue-jsx-spread-attributes. And no runtim
Collection of ESLint plugin configs
eslint-config-belsrc A monorepo of opinionated collection of ESLint plugin configs I use in different types of projects. @typescript-eslint/eslint-plu
Babel preset for transforming Vue JSX.
babel-preset-vue Babel preset for all Vue plugins. Install npm install -D babel-preset-vue CDN: UNPKG Usage In your .babelrc: { "presets": ["vue"] }
Vue Reactivity with Fine-Grained Rendering
VueRX JSX This library is a demonstration of how Vue's Reactivity system can be leveraged directly in JSX for considerably better performance than pai
A babel plugin that provides jsx syntax for vue3
vue-next-jsx This project has been archived because Vue will have an official version. Vue Next JSX Explorer A babel plugin that provides jsx syntax f
JSX for Vue 3
Babel Plugin JSX for Vue 3.0 To add Vue JSX support. English | 简体中文 Installation Install the plugin with: npm install @vue/babel-plugin-jsx -D Then ad
Automatically imports createElement as h when writing JSX and functional syntax that supports only setup() and template refs that supports setup()
babel-preset-vca-jsx Support for automatic import of createElement as h and setup functional component syntax and setup template refs Feature Automati
Element 1.x 代码示例展示风格
vue-demonstration Element 1.x 代码示例展示风格。帮助你展示你的 Vuejs 组件示例。 安装 npm install vue-demonstration --save 快速开始 import Vue from 'vue' import VueDemo from 'v
A plugin that adds Tailwind CSS to your vue-cli project
vue-cli-plugin-tailwind A plugin that adds Tailwind CSS to your vue-cli project. Getting started Inside your vue-cli project folder add the plugin via
A incubator project for pc basic vuejs
A Incubator Project For PC Technology Stack javascript: vuejs + vue-router + vuex css preprocess: scss basic ui components: element-ui build: webpack
CSS encapsulation solution for Vue JSX
babel-plugin-vue-jsx-scoped-css 🔨 CSS encapsulation solution for Vue JSX About This plugin is used to implement the css scoped effect of template in
Image to Text is a web tool to extract text from any image using OCR
Image to Text OCR Image to Text OCR is a utility website made by Alejandro Akbal for extracting text from any image using OCR. This tool was made for
This is a Coding Challenge. The main goal is to clone the Password Manager LastPass using Nuxt 3, Vue.JS 3 and TailwindCSS.
LastPass Clone - Password Manager Table of Content Summary Algorithm and Approach Technical Dependencies and Libraries Setup Summary This is a Coding
Salt Rim is a Vue based web client used for connecting to Bar Assistant server instance.
🍹 Salt Rim - Bar Assistent Web Client Salt Rim is a web client used for connecting to your Bar Assistant server. It's made with Vue.js and it builds
https://www.npmjs.com/package/vue-satori
Vue Satori This module is a component rendering for vue satori and satori-html Note This wrapper extends from satori, so you will pass the same settin
A startpage website for your new tab page!
Startpage This is a startpage for your browser. Think of your boring new tab page and replace it with this! To use this website right away, go to: htt
Curso de formación para el profesorado de la Comunidad de Madrid sobre el desarrollo web con Vue.js
Vue.js para Profesores de la Comunidad de Madrid 2022-2022 Material del curso de formación del profesorado de la Comunidad de Madrid: Desarrollo en en
A personal website theme powered by Nuxt Content, UnoCss, Iconify and Vue components.
Content UnoCss A personal website theme powered by Nuxt Content, UnoCss, Iconify and Vue components. 📖 Demo & Docs Features Create pages in Markdown
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
Vue.js Dahborad UI Kit
Vue 3 Dashboard UI Kit It is a Dashborad ui kit project made with Vue.js composition api. It is a free and open source project. You can use it for you
Millicast viewer plugin for Vue framework. It uses Vuex store for the plugin state management.
Millicast Vue.js Web Viewer Plugin Vue.js plugin to embed viewer of a Millicast stream. This plugin allows developers to simplify Millicast services i
An example of to get data from the API of Last.fm and show with Vue 3.
Getting data An example to get your data from Last.fm. Work with VueJS, fetch and the API of Last.fm. Note See the preview of this project here → You
Ejercicio de mi curso de Vue + TS
breakingBad This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + TypeSc
A Vue 3 component for showing the Cloudflare Turnstile widget on your project.
Cloudflare Turnstile Widget Component for Vue 3 A Vue 3 component for showing the Cloudflare Turnstile widget on your project. What is Cloudflare Turn
A audio player based on Howler.js
vue-dynamic-island-player Description a vue-audio-player based on Howler.js,The animation of the player is interacted with reference to IOS dynamic is
Project untuk membuat catatan keuangan masjid menggunakan Vue.js
catatan-keuangan-masjid This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vet
This is a WordPress boilerplate plugin using vue 3, build with Laravel Mix. Also tailwind setup available.
WP Plugin Vue Tailwind Boilerplate This is a Customizable sample WordPress Plugin which is developed as a single page app on backend with Vue js and T
Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available
Admin One — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel Tailwind 3.x Vue 3.x with Vite
This is a game where horses compete in 8 different lanes.
Wingless Birds This is a game where horses compete in 8 different lanes. Check out the live example. General Features Custom horse names Live leaderbo
Micro implementation of iframe-based micro frontends with Vue 3
Micro implementation of micro frontends with Vue 3 Note: this is a demo repository created as an appendix to a blog post (make sure to check it out!)
Creation of Sign Up / Sign In Page in vue JS
VUE JS INITIATION Creation d'un formulaire de login/signup. Ce projet est le tout premier que je realise avec VueJS. Pour apprendre je me suis aider d
Fully functional table component headless or not, you shoose!. (Just for fun)
Vue 3 + TypeScript + Vite This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 script setu
A terminal style interactive website built with Nuxt3.
Terminal.me A terminal style website. The Nuxt3 version of m4tt72/terminal. Motivation Unix-like amateur Frontend/Web enthusiast Vue/Nuxt fan Open sou
A vuejs based WISH web client (for WHIP and WHEP)
vue-wish This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + TypeScrip
This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.
Protein Vue.js Bootcamp Final Case Protein Vue.js Bootcamp Final Case 🛠️ Built With ✨ Live Version You can see the live version here. 🖋️ About This
Frontend project with Vue.js, Sass and Vite. With Docker Package and Web Page.
Vue Frontend Rusich (Vue.js, Sass, Vite) Link: https://vue-frontend-rusich.vercel.app/ Project for AddNoise (https://addnoise.su/) Case: Develop a res
Site criado para aprendizado das linguagem VUE.js
Site criado para vendas de produtos. Linguagens e frameworks utilizados: HTML , CSS , JS e VUE.js Os produtos foram usados de uma API Fake Store API h
What? You like gambling? Then check out this Open Source Casino!
Welcome to Open Source Casino! A place where you can enjoy playing casino games with cyberdonuts (fake money)! I strongly recommend that you never pla
In this project, I created a cookie component using the vue3 composition api.
Vue-Cookie-Component 🛠️ Built With ✨ Live Version You can see the live version here. 🖋️ About In this project, I created a cookie component using th
A Cron expression UI component based on Vue3 and Ant Design Vue.
vue3-cron A Cron expression UI component based on Vue3 and Ant Design Vue. English | 简体中文 Preview Supported format * * * * * * * ┬
Website Al-Quran Online ini adalah Website yang dibuat untuk memudahkan kita untuk membaca Al-Quran secara Online dimana dan kapanpun saja dengan mudah
vuejs-quran Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lin
Vue Multiple Image Upload With Preview.
Vue Multiple Image Upload Welcome Back Hello Everyone,My name is Zin Min Htet and here is my Facebook account. Now, I will show you how to Upload Mult
Horse Race (protein Frontend Bootcamp Final Case)
Horse Race (protein Frontend Bootcamp Final Case) Description This project is a protein & path.dev final case project. Real-time race of horses runnin
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template This template should help get you started developing with Vite, Ant-Desig
A quiz app using Vue JS(vue-3)
easy-quiz-app-with-vue-js A quiz app using Vue JS(vue-3) ✍️ A Vue.js project # Project Clone clone the repository # install dependencies npm install
A fake website with fake REST app built with Vue 3, Vite, Penia, Axios and TailWind CSS
Fake-Website This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + TypeS
Vue.js based resume builder for easy resume building
Build your resume with ease - No more struggling with Microsoft Word resumes! Try it out Frontend App build with Vue.js and Bootstrap Build your own r
Movies and TV Shows app built with Nuxt3, Vue3, Tailwindcss, TypeScript. Data provided by TMDB.
nuxt3-movies ❗ NOTE: This project is still in progress, so some pages are not done yet. Movies and TV Shows app built with Nuxt3, Vue3, Tailwindcss an
A clone of uprodit's profiles search page in Vue 3.
Uprodit Challenge Context This project is part of a challenge started by Uprodit. The goal of the challenge is to clone a search engine used to filter
⚡️ Inertable Vue Component
INSTALATION npm install @rizkhal/inertable-vue BASIC USAGE script setup defineProps({ inertable: Object, }); /script template div
A Component Library based on Element-UI.
y-components 说明 基于 element-ui 的组件库 文档 https://yp910108.github.io/y-components 安装 # y-components 依赖于 element-ui,首先安装 element-ui npm i [email protected]
Solar System SPA website built using Vue.js
solar-system Note: While running dev server, remove '/solar-system/' from public asset paths This template should help get you started developing with
Das soll ein einfaches Demoprojekt werden, in dem ich die Grundlagen der Webentwicklung anhand von Vue erkläre. Hier ist die Musterlösung zu meiner Aufgabe
webentwicklung Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and lau
📅 Proplanner is easy way to prepare a weekly schedule. You can export your schedule as a PDF file!
📅 Proplanner Proplanner is easy way to prepare a weekly schedule. You can export your schedule as a PDF file! Visit live Technologies Frontend: Tailw
Convenient Vue wrapper for the add to calendar button snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars.
The Add to Calendar Button - optimized for Vue 3 This is a wrapper repository for the popular Add to Calendar Button, making it even more convenient,
💼 Hung Nguyen's Resumé. Powered by Nuxt and vue-notion
💼 Hung Nguyen Resume Online Resume: https://cv.hung.dev I used Notion to manage my Resume (https://hung.dev/cv). However, loading a Notion page is to
My take on a life planner.
do.Able A life planner capable of handling everyone and everything Setup Make sure to install the dependencies: # yarn yarn install # npm npm install
My official website. Made with Vue.js 🖖 .
My official website. Made with Vue.js 🖖 .
Repositorio de mi curso de Vue intermedio - Introducción a Pinia
PiniaApp This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + TypeScrip
App that performs CRUD operations in which users can track projects, tasks under projects, total duration of each project and task. Project is being build with Nuxt js 3, Axios, Pinia, Bootstrap 5 and Vue composition API
Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins
This app is part of our final project in our Agile course and Web application course at IT-Högskolan in Gothenburg. The purpose is to create a complete fullstack app (this being the frontend) for some sort of quiz focused on learning using the Agile software development approach and Scrum
Paefax Language Quiz project This app is part of our final project in our Agile course and Web application course at IT-Högskolan in Gothenburg. The p
Aplicação desenvolvida durante o NLW eSports, utilizando Vue, TailwindCSS, Node
nlw-esports NLW eSports Projeto | Tecnologias | Layout | Licença 💻 Projeto Nesse desafio, foi desenvolvido uma de jogos 📸 Imagens Página inicial Anú
Customizable and advanced Vue.js starter pack 🚀
VueKickoff This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + TypeScr
Site do clube de cinema do IFAL em desenvolvimento com Vue.js
Cineclube Índice Projeto Telas e suas funções Como rodar localmente Copyright Projeto O Cineclube é o clube de cinema do IFAL campus Maceió. Um espaço
A boilerplate for Vue 3, Vite, Pinia, and Options API
Vue 3 + Vite + Pinia + Options API This template should help get you started developing with Vue 3 and Pinia using Vite. Running locally Download/Fork
Simple token storage/ authorization in vuejs.
Vue-Token Simple token storage/ authorization in vuejs. This plugin requires you to initialize the vue-resource plugin first. The token will be stored
This is Vue Project.
Installation First of all, make sure you have all prerequisites installed: Node.js ( =14.*) npm version 3+ ( or yarn version 1.16+) and Git. After ch
Terminal-based Snake game. Powered by Temir.
Terminal-based Snake Game build with Vue + Vite. Powered by Temir ! 📦 Install npm install temir-snake-game -g 🎮 Play How to Start Open the terminal
Time-travel debugging for Pinia, Vue's official state management library.
What is Colada? Time-travel debugging for Pinia 🍍 , Vue's official state management library Colada offers a suite of tools for Vue developers working
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
Courses Dashboard Template Build with Tailwind CSS, vite, vue 3, and chart.js shapes with RTL Languages Support.
Courses Dashboard Template Courses Dashboard Template Build with Tailwind CSS, vite, vue 3, and chart.js shapes with RTL Languages Support. Resources