210 Components & Libraries
Vuejs virtual-list-dom Libraries
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
A website to list down available paid writing opportunities for technical writers.
A website to list down available paid writing opportunities for technical writers. 👨💻 Tech Stack 🛠️ Installation Steps Star and Fork the Repo 🌟 a
Convert HTML DOM Element to PDF
Convert HTML DOM Element to PDF. You can save a specified element as PDF File, print it directly, or preview as PDF.
Scroll auto for list.
v-scroll-auto Scroll auto for list. Usage Install npm install --save v-scroll-auto Global registration import Vue from "vue"; import ScrollAuto from
Detect DOM element resizing based on Vue3.x
Detect DOM element resizing based on Vue3.x
Vue 3 + Virtual Scroll + Tree
Vue Virtual Scroll Tree Vue 3 + Virtual Scroll + Tree Install npm install --save vue-virtual-scroll-tree Quick Start import Vue from 'vue' import VueV
A simple VueJS filter for list printing
vue-tag-list A simple VueJS filter for tag list printing Description: If you have this in View-Model: let array = ['Vue', 'filter', 'tag'] but you wan
Vue 3 Scroll Shadow - Add UX-friendly shadow to your scrollable list
Vue 3 Scroll Shadow Add UX-friendly shadow to your scrollable list Installation npm i vue3-scroll-shadow Usage import VueScrollShadow from 'vue3-scrol
A Vue.js plugin for easily animating `v-for` rendered lists.
vue-animated-list NOTE: this plugin is for Vue 1.x only. Vue 2.0 supports moving animations out of the box. A Vue.js plugin for easily animating v-for
A Google plugin for managing to-do lists.
Todo List - 任务清单 ✅ 一个本地化的任务清单管理工具(A concise localization task list management tool)。 📦 无需登录,开箱即用 ⚡️ 本地持久化管理,无需等待网络延迟 ⏰ 实时角标提醒待完成任务数量 🎉 任务自定义拖拽排列 ⬇️
A vue app to list top TV shows built with TypeScript & Vue.js
A vue app to list top TV shows built with TypeScript & Vue.js (using the composition API).
Vue component who put SortableJS/Vue.Draggable and tangbc/vue-virtual-scroll-list together and allow drag-and-drop and big amount data list with high scroll performance.
Vue component who put SortableJS/Vue.Draggable and tangbc/vue-virtual-scroll-list together and allow drag-and-drop and big amount data list with high scroll performance.
A directive-supported plugin for transfering DOM to another location in Vue.js components
A directive-supported plugin for transfering DOM to another location in Vue.js components
Vue2-filter-list - Prebuilt filters for Vue.js
Vue2-filter-list Prebuilt filters for Vue.js Table of contents: Get Started Contributing Collection after afterWhere before beforeWhere concat filterB
🗡️ Discover our curated list of creative tools to supercharge your next project.
Tech Stack Tools tech-stack.tools is a curated list of creative tools. Preview Features Discover our curated list of creative tools to supercharge you
Render children into a DOM node that exists outside the DOM hierarchy of the parent component
Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
Form builder library using VueJS 2 Virtual Dom
vue-form-builder Form builder library using VueJS 2 Virtual Dom Features This is still currently in development as an early build. Build a full form u
Scope IDs to an element by rewriting them to be globally unique
element-scope-ids - scope IDs to an element by rewriting them to be globally unique
A simple Vue-based app that can be used to fill out a Variety List, optionally connects to vglist.
vglist Variety Generator Based on an image that floated around social media, where people would share an image with a list of 100 game series' and fil
To do list app built on nuxt.js
To do list app built on nuxt.js
A minimal, super simple browser scroll library with a convenient set of easy-to-use listeners and animate methods
vert (beta) A minimal, super simple browser scroll library with a convenient set of easy-to-use listeners and animate methods. Vert is optimized using
Compile markdown to Virtual DOM with remark.
Compiles markdown to Virtual DOM. Built on remark, an extensively tested and pluggable markdown processor
An accurate and verified list of production-ready projects made with Appwrite
An accurate and verified list of production-ready projects made with Appwrite
A short and powerful infinite scroll list library for vue, with zero dependencies 💪
A short and powerful infinite scroll list library for vue, with zero dependencies 💪 Tiny & dependency free – Only 3kb gzipped Render m
Web platform for managing virtual gift lists of products and/or money for any commemorative occasion.
Web platform for managing virtual gift lists of products and/or money for any commemorative occasion.
Powerful virtual data grid smartsheet with advanced customization
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
Powerful data grid component built with StencilJS
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
A pure vue horizontal list implementation with minimal dependencies, ssr support, mobile friendly, touch friendly and responsive now with auto scroll
A pure vue horizontal list implementation with minimal dependencies, ssr support, mobile friendly, touch friendly and responsive now with auto scroll
A sortable list directive with Vue
Awe-dnd Makes your elements draggable in Vue. See Demo: http://hilongjw.github.io/vue-dragging/ Some of goals of this project worth noting include: su
VueJS Image Upload List
Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array. This component can upload&view only your image list for now. Actualy i create this component for use myself. I will add custom upload function and events to future
List-based drag&drop component for vue 3.x,
vue3-draggable list-based drag&drop component for vue 3.x, with no dependencies Features support v-model support transition customizable draggable com
Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x.
vue3-touch-events Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x. The easiest way to make your inte
A DDL Countdown tools for a SUFE SIMEr to track down CS conference in tenure track list
A DDL ⏳ Countdown tools 🔧 for a SUFE SIMEr to track down CS conference in tenure track lists, which can retrieve conference through CCF and TierLevel rank 🎰 .
A Vue 3 plugin for drawing the DOM to canvas
A Vue 3 plugin for drawing the DOM to canvas. Note: This package is usable but not complete. You may want to try CurtainsJS for a more full-featured plugin with a similar effect.
Musivc List ORganizer - help get you started developing with Vue 3 in Vite
my-music-list This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + Type
A web-based, customizable yes-no-maybe list for sharing
yesnomaybe a web-based, customizable yes-no-maybe list for sharing. Content warning: this is a tool used for having conversations to build consent bet
A simple todo list make with Vue.js
vue-todo-list This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur) + Type
It's the same as Google Keep but you can have unlimited subtasks for each and every one of your main tasks!
SAD-KEEP It's the same as Google Keeps but you can have unlimited subtasks for each and every one of your main tasks! You can see it live: Sad-keep de
A lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists
Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend
Github Repository List Built With Vue.js
Github Repository List This build utilizes GitHub's API to grab a list of repositories, and then from there a list of commits from each of the reposit
A vue.js component to provide a box with a list of items with search and pagination.
v-select-box Demo There is an example showcasing the component here. Description A vue.js component to provide a box with a list of items with search
This is a to-do list made with Vue.js
Lista de a fazeres 📝 Trata-se de uma lista de a fazeres feita com Vue.js.
Input Vue component for search and filtering data in an API or a static list.
Input Vue component for search and filtering data in an API or a static list.
Vue3 component used to search and select an item in a custom list.
Vue3 component used to search and select an item in a custom list.
This project contains Stencil web components that load a list of Discourse topics in other websites
embed-discourse This project contains Stencil web components that load a list of Discourse topics in other websites. You can use it with React, Vue, o
A virtual list. Useful when you need to show large amount of data
A virtual list. Useful when you need to show large amount of data. It only render the DOM elements it needs. It has less functionality compared to other virtual list libraries but it's under 5kb before gzip
Pokemon-list - A simple pokedex with vue js
Pokedex with Vuejs 🌇 Functionalities ✨ Filtrate ✔️ Get Pokemon ✔️ Router ✔️ Tec
Just a todo list with typescript and vuejs
Just a todo list with typescript and vuejs
A MEVN-Vite app (boilerplate) with a responsive UI including a todo list and a show section with products from fakestoreapi.com... Built using vite with vue3 as the front and express, node, mongodb as the backend for the todo list.
A vue web app with a todo list and a show section with products from fakestoreapi.com... Built using vite with vue3 as the front and express, node, mongodb as the backend. App is also ready for deployment.
A virtual table built with Vue and Vuetify
vuetify-virtual-table A virtual table built with Vue and Vuetify Installation Install with yarn
🎨面向未来的原生 web components UI组件库
xy-ui xy-ui是一套使用原生Web Components规范开发的跨框架UI组件库。查看文档 github项目地址 更新 1.10.5 修复 xy-datalist 改变时不触发 onchange 事件的问题 1.10.4 xy-dialog新增portal属性,可以指定渲染到指定节点 1.
Vue-todo-list - A simple todo list bulit with Vue.js
vue-todo-list A simple todo list in Vue Preview Author Eder Lima
Quasar task pwa - Uma to-do list usando pwa com Quasar.
QuasarTasks (quasar_tasks) A task manager build with Quasar Framework Install the dependencies yarn Start the app in development mode (hot-code reload
Crud ghibli - List of movies from studio ghibli made with vue
list-ghibli Lista de peliculas del estudio ghibli. hecho con vue en su mayoria.
Vue3-simple-typeahead - A simple and lightweight Vue3 typeahead component that show a suggested list of elements while the user types in.
vue3-simple-typeahead A Vue3 component for a simple typeahead component. It will show a list of suggested items based on the user input. The component
Todos-VUEX - A todo list made using Vue, Vuex, Axios and JSON Placeholder API.
todos Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and
Vue-playground-todo-list - playing around with vue.js
vue-playground-todo-list Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm r
Vue3-todo-list - A frontend ToDo list made with: Vue 3 + Vuex 4 + Quasar
Vue 3 ToDo list This is a simple ToDo list made with Vue 3 (composition API) and Vuex 4 Installation Just clone this repo and install packages with np
Movie List merupakan sebuah website sederhana yang menampilkan informasi tentang film dan series terkini.
Movie List Movie List merupakan sebuah website sederhana yang menampilkan informasi tentang film dan series terkini. Data film dan series ini didapat
Streamlit-option-menu - a simple Streamlit component that allows users to select a single item from a list of options in a menu
streamlit-option-menu streamlit-option-menu is a simple Streamlit component that
Todo-list - vue3+vite+typescript
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
Hike programming language: compiler, tools, documentation and more!
Hike Programming language Explore the docs » Report Bug · Request Feature Contact Project Link: https://github.com/AdiSalimgereev/Hidge back to top 👆
Task Tracker that Add , Update , Delete Tasks
Project setup npm install Run the JSON-Server backend (http://localhost:5000) npm run backend Run the Vue dev server (http://localhost:8080) npm run
That´s my to DO LIST , using VUE(3.0) , VUEX, VUE ROUTING, FIREBASE REALTIME DATABASE like BE, and WAVE UI
app Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and f
A to-do list made with Vue.js.
taskmanager-app Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.
PortalVue A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document. For more detailed documentation and additional
Virtual tree component for vue 2.x using MPTT algorithm
vue-virtual-tree 项目说明 基于Vue 2.x 的虚拟树组件 主要算法 MPTT 预排序树算法 虚拟滚动 已完成部分 MPTT算法部分 虚拟滚动 开发原因及思路 想做这个虚拟树组件,其实还是源于之前有个项目,需要一次加载2万条以上的树数据【为什么不用异步,这个其实有很多原因的】。之后
😎 A curated list of awesome GitHub Profile READMEs 📝
Awesome GitHub Profile README A curated list of awesome Github Profile READMEs Loved the project? Please consider donating to help it improve! Content
⌨️ A curated list of Open Source Mechanical Keyboard resources.
Keebfolio The goal of this repository is to collect mechanical keyboard related projects (preferably Open Source). View the pages on Keebfolio.netlify
Users list made with vue.js
Vue Users Vue Users is an application that obtains a list of random users from an API and print the information. It has 3 views: the home, the user li
Discover our list of modules to supercharge your Nuxt project
Nuxt Modules Discover Nuxt modules to supercharge your project! Created by the Nuxt team and community. 👉 https://modules.nuxtjs.org Modules Database
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.
PortalVue A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document. For more detailed documentation and additional
Simple vue-virtualized package for Vue.js
vue-virtual-stream - Demo A virtualized list component for chats, comment lists and streams in general. This Vue component can be used to build large
A vue web app with a todo list and a show section with products from fakestoreapi.com
A vue web app with a todo list and a show section with products from fakestoreapi.com... Built using vite with vue3 as the front and express, node, mongodb as the backend.
Bookmark with a snooze button. Bookmark, buffer and complete your reading list.
Read Me Later A smarter bookmarking system to help you complete your reading list. If you want to use this right away: https://closetab.email In lovin
A curated list of security tools for Hackers & Builders!
Security Tools https://tools.tldr.run Curated list of security tools for Hackers & Builders! Development & Setup Navigate to the code directory and ru
Leopard Chat UI - A Teneo Chat Client based on Vue and Vuetify
A Feature Rich Chat Client for Teneo About • Installation • Features • Documentation • Demo • Contributing • Author • Support • License About Leopard
Suggestion List Input with Vue
vue-suggestion Suggestion list input for Vue Documentation and Demo Visit the website Changelog Go to Github Releases Getting started Install the plug
Trap focus within a DOM node.
focus-trap Trap focus within a DOM node. There may come a time when you find it important to trap focus within a DOM node — so that when a user hits T
ToDo List with Vue 3 Composition API and TypeScript
ToDo List with Vue 3 Composition API and TypeScript 😣 Written long ago and not really being maintained. This is a complete remake of ToDo MVC. Availa
A Task List App Built With Vue.js
Task List ☕ Code and coffee 🚀 About the Application Task List is an app for register new tasks. Requisites Globally installed node = 6.0 Globally in
Simple and customizable Vue.js list.
Vue.js List Live demo here Dark mode on: Standard: Install: npm install vue-js-list Use: template v-list :content="arrayOfContent" :titles="array
Sliding card carousel for list viewing
Vue Card Carousel Installation npm i vue-card-carousel You can choose to install either globally or locally: Globally: import Vue from 'vue' import A
Vue component to trap the focus within a DOM element
focus-trap-vue Vue component to trap the focus within a DOM element Installation For Vue 2 npm install focus-trap focus-trap-vue For Vue 3 npm install
Vue Virtual Keyboard - Simple-keyboard Vue.js Demos
This is a repository for simple-keyboard's Vue.js demos https://virtual-keyboard.js.org/vuejs Have an issue or question? Please post it in the main re
Advanced To-Do List Application built with #Vue.js
vue-todo Advanced To-Do List Application built with #Vue.js You can edit task title, add / edit description to the task. Attach Tags to the specific t
A Simple , Minimalist And Responsive User List Made With Vue 3 And Tailwind CSS
USER LIST WITH VUE 3 Simple , minimalist and responsive User list made with VUE 3 and TAILWIND ! LINK DEMO : https://userlist-khangltm.netlify.app SOU
Infinite scroll list for Vue.js with DOM recycling.
vue-recyclist (not maintained) Infinite scroll list for Vue.js (v2.1+) with DOM recycling. Demo Installation npm install -D vue-recyclist Import impor
Simple and easy to use Vue.js component for efficient rendering large lists
vue-list-scroller It can help with creating Twitter-like feed with thousands of items. It renders only visible part of the list. Notes Only page mode.
A renderless Vue component for managing list item selection state.
Vue-Multiclick A renderless Vue component for managing list item selection state. Install $ npm install vue-multiclick --save or include the UMD buil
Clean drag and drop list component built with Vue.js
drag-and-drop Description Clean drag and drop list component built with Vue.js. Basic component allows for item sortability of a parent array. Additio
A vue (2.x) component for large lists with variable item height
vue-auto-virtual-scroll-list High level component for virtual list where each item height is not known before render Live Demo Properties Prop Type Re
A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss
Vue3 Todo Web Application A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss How to run? npm install # or yarn yarn npm run dev #
A solution: Vue components for efficiently rendering large lists and tabular data
vue-endless-list 解决十万级数据量渲染的VUE组件。 当我们遇到一个需求,需要渲染大量的数据,且不能使用懒加载,我们怎么办?本项目的实现为大家提供了一个解决方案。1000000+数据完美加载,无卡顿,无卡死。
A 2 list mover component implemented as a VueJs Component
Vue-Mover A simple list picker vue-component, with drag and drop and sortable items. Uses sortable.js for the Try it out Support: Moving items between
CSS3 list scroll effects
stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a
Vue library for add or remove DOM component base on scroll position
vue-scroll-between Vue library for add or remove DOM component base on scroll position demo Installation npm install vue-scroll-between --save Usage
🌈 A solution to build an infinite load-more list component.
在线DEMO 序 众所周知,列表滚动加载这种需求很常见,特别是在移动webapp上。Github上各款移动端ui框架都会包含滚动加载功能的组件,但它们往往只提供很基础的功能,例如简单地监听滚动条并在满足条件的时候触发回调,然后通过某些方法把新的元素加入到页面末尾。这样的确可以解决分页加载数据的问题,