Vuejs Css3-animations Resources

Vue Wavify A single Vue component to create and adjust an animated wave using svg & javascript. Installation Yarn yarn add vue-wavify npm npm install

Lottie Animation View for Vue (React, Angular)

Vuejs2 AdminLte3 template more than 50 components and 10 directives.such as collapse ,sidebar,container,infobox,breadcrumb,card,grid,dropdown,toast,navbar,timeline,icon,progress

vue-svg-gauge An easily customizable gauge for VueJS with gradients and animations Demo You can find a demo here Installation npm i vue-svg-gauge --sa

Vue Loaders CSS Vue wrapper for Loaders.css, the delightful and performance-focused pure css loading animations Demo The live demo is available here:

A vue modal with animations.

vue-simple-loading Thanks for tobiasahlin/SpinKit. The css3 animation is copied from it. All the things I do is built it as a vue component. This proj

Plutonium [vue.js stagger component] About An advanced Vue.js component that adds staggered CSS transition animations to child elements. Stagger anima

Vue Burger Vue.js plugin for Tasty CSS-animated hamburgers About Vue Burger is a Vue component/plugin that is a wrapper around Tasty CSS-animated hamb

A find Coach is a vue state management project that allows users to find coach to mentor a student. A simple vue app with routing functionality and vuex management for solid SPA

Odometer About Vue-Odometer Smoothly transitions numbers with ease. Use this library to give you application a smooth animation, only applicable on nu

Shared Vue component across routes with animations Live Demo English | 简体中文 Why? It's quite common you might have a same component used in different r

Simple Vue component for generating animated particles

baldr A try to write my presentations for school in HTML5, CSS3 and Javascript using Vuejs. This repository contains some evaluation and research code

Easy to use vue button with animations and icons

This is a CRUD application-Todo App developed in VueJs which covers basics of VueJS 2.0 along with Routing, vee-validate and animations.

CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3. Play Game hinastory.github.io/css-maximum-reversi/ QR Code　 Screens

Stay up-to-date with tweets from news and entertainment highlights to sports and politics, fully informed with all live commentary. Free widely available online for everyone.

Vue 3 Lottie vue3-lottie was created to help developers add Lottie animations to their Vue 3 applications. In my search for a simple way to add Lottie

This template should help get you started developing with Vue 3 in Vite.

This web component creates a background pattern only by using CSS. It is very usefull to quickly create nice looking placeholders for profile pictures. It is a fork of a CSS3 pattern collection.

animatable/ Web Component built with Stencil.js to use Web Animations API in a declarative way. You can animate any HTML element easily: animatable

Restraunt-Management-System-Vue - A restraunt management system app in vue. It has user login system with validation.

frontend Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

Keyframes This is a collection of web apps to live preview and generate various CSS styles. It originally started as a tool just for creating CSS anim

Harry Potter Movies Quiz Simple quiz app where you need to guess the movie from the GIF. Live Demo Setup # Install dependencies npm install # Compile

VLACKJACK ♠️ ♥️ ♣️ ♦️ 🚀 Play Now https://kevinleedrum.github.io/vlackjack/ Introduction Vlackjack is a single-player HTML5 blackjack game built with

QRCode generator 🔖 About the developer by Juan Pablo 🔖 About the project Create QRCode easily with this VueJs application. Click here to access: QRC

Challenge-Resposive-Web-Design-in-300hr Things that you must learn about it to run on road front-end world. In this Responsive Web Design challenge, y

css-transform › css-transform.moro.es CSS3 Transform Functions Playground. Demo UI built with Vue, Gulp and LESS. Deployment via Netlify Development —

Vue OnOff Toggle A simple, lightweight on/off toggle component made with Vue.js. Provides multiple themes with default configurations. You can also cu

Vue OnOff Toggle A simple, lightweight on/off toggle component made with Vue.js. Provides multiple themes with default configurations. You can also cu

vue-stars Flexible Vue 3 input control for ratings (stars, etc.) Demo For a live demo, visit https://www.tallent.us/vue-stars/. Status This component

vue-transitions-css A lightweight CSS library for for adding transitions to Vue components ⭐ Demo | Contribution | Changelog USAGE Installation via NP

vue-animate-onscroll A simple Vue directive that animates elements as they scroll into view. Installation npm install vue-animate-onscroll # or yarn a

vue-animate-onscroll A simple Vue directive that animates elements as they scroll into view. Installation npm install vue-animate-onscroll # or yarn a

Animate.css If you need the old docs - v3.x.x and under - you can find it here. Just-add-water CSS animation Installation Install with npm: npm instal

vue-svg-gauge An easily customizable gauge for VueJS with gradients and animations Demo You can find a demo here Installation npm i vue-svg-gauge --sa

Tweezer.js A small, dependency-free, ES6 library for smooth animations. Demo. Tweezer.js is the last tweening library you'll ever need. It provides th

vue-keyframes is a Vue component that allows you to create frame based animations.

CSS3 image filter with Vuejs A tiny app to apply css3 filter function to the images. Upload and apply filters easily. Demo About the application A sma

vue-bloom-menu inspired by blooming-menu 这是一个使用vue加css动画制作的menu，基于其他插件改写成vue的实现方式，可以用作菜单导航栏，后期加上vue-router,稍后把详细教程写在博客里 技术栈:vue+vue-router+webpack 在线演

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

Example All loaders may be previewed at: http://samherbert.net/svg-loaders NOTE: Chrome 45 intended to deprecate SMIL icons but has since suspended th

This is a zero-dependency React adaptation of Sam Herberts SVG Loaders library.

Vue Invoice App This is the solution for Frontend Mentor Invoice App. You can keep track of your personal invoices with this app. You can create a new

appcom360 Aplicacion para generar los archivos planos Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm ru

vue-dialog-loading A light vue dialog plugin with loading animation and image preview View the Demo and its source for more. Install npm install --sav

Front-end app that emulates the classic simon toy. By choosing a level and clicking start, you should press the buttons in the correct order. You'll be able to save your score.

A smart and light radial progress bar component for Vue 3. The original project it's only available to vue 1 and 2, so i decided rewrite it to vue 3.

Introduction to Vue.js Course Materials Author: Sarah Drasner Upcoming workshop live on Sept 23, 2020, join here Vue 2 course available here. This rep

todoist-vue Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lin

Netlify CMS template for Gridsome A simple, hackable & minimalistic starter for Gridsome that uses Netlify CMS for content. Features Beautiful and sim

calculadora-vue Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

Odometer About Vue-Odometer Smoothly transitions numbers with ease. Use this library to give you application a smooth animation, only applicable on nu

Heads up! The fate of this repo is uncertain. I recommend using my new library, vue-flip-toolkit for all of your magic-move transition needs. vue-over

vue-text-marquee Online Demo Install npm i vue-text-marquee Global Usage import Vue from 'vue'; import VTextMarquee from 'vue-text-marquee'; Vue.use(V

Vue Stripe Menu Creating a navigation menu with animations like on Stripe Only for Vue 3 (changelog) Demo Website Vue 2 - Branch How to install Instal

Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti

🎉 Vue Css Doodle Porting of css-doodle to VueJs, a web component for drawing patterns with CSS Installation This package is available on npm. # D

Vue component to easily build (or use presets) SVG loading cards Facebook like.

Vue Spinners CSS Loaders - Amazing collection of Vue spinners components with pure css.

A Simple-Login page created using VueJS 2.

Periodicity is a dynamic, data-driven Periodic Table built with Vue.js that uses D3 animations and graphs to demonstrate the beauty of periodic trends.

一个小巧玲珑的 vue 组件切换动画库, 支持 20 几种动画切换方式

GIF captioning with CSS Did you know you can add CSS-animated text to a GIF, all in your browser? This page shows you how. If you're interested in bro

🎫 Generate Coupon-UI CSS code

This project allows each person to write down their goals. You can add multiple lists that you want to run. After you complete a goal from the list, you can delete it.

The Ultimate fully-customizable plugin for skeleton cards in Vue. It's a no-brainer.

GitHub Animated Corners Inspired by Tom Preston-Werner's and Tim Holman's works, I decided to create a few more variants of animated corners with octo

Vue Spinners CSS Loaders (React, Angular) Amazing collection of Vue spinners components with pure css. The Vue spinners are based on loading.io and fr

Vue Content Loading Vue component to easily build or use presets for Facebook-like SVG loading cards. Inspired in React Content Loader So how does it

vue-kinesis Easy to use Vue.js components for creating interactive animations Demo Kinesis Demo Vue3 - Installation npm install --save [email protected]

Heads up! The fate of this repo is uncertain. I recommend using my new library, vue-flip-toolkit for all of your magic-move transition needs. vue-over

Odometer About Vue-Odometer Smoothly transitions numbers with ease. Use this library to give you application a smooth animation, only applicable on nu

Lottie Animation View for Vue (React, Angular) Generated by create-vue-component Wapper of bodymovin.js bodymovin is Adobe After Effects plugin for ex

animated-vue A plugin to use animate.css animations as Vue2 transitions Demo: Coming soon! Installation and usage Install animated-vue and animate.css

bpit-vue Intro What is bpit/vue? bpit/vue is not a component UI kit, we didn't have the consistent theme for these components, it's just a collection

tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver

vue-particle-effect-buttons (demo) Bursting particle effect buttons for Vue. This library is a Vue portal of an awesome Codrops Article by Luis Manuel

Vue Stripe Menu Create a dropdown like on Stripe Demo Project How to install Install the library in your project $ npm i vue-stripe-menu // or $ yarn

Vodal A vue modal with animations. Example Installation npm i -S vodal Usage vodal :show="show" animation="rotate" @hide="show = false" divA

Vue Ultimate Skeleton Cards Check out the guide and demo for full information. This is just an overview. Note: This version is for Vue 2. A new versio

vue-spinkit A collection of loading indicators animated with CSS for VueJS Inspiration Spinkit css animated loading react-spinkit loaders.css DEMO Ins

vue loaders loaders.css + vue previous version NPM $ npm install -S vue-loaders CDN umd: https://unpkg.com/vue-loaders/dist/vue-loaders.umd.js esm/m

epic-spinners Easy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners upda