Home / JavaScript / Vue.js

Live Demo: https://pb03.github.io/css-animations-demo/

CSS Animations Demo This is a music player app built using Vue.js. This demo is made for the article Writing Animations That Bring Your Site to Life pubslished on CSS-Tricks. Ckeckout live! https://pb03.github.io/css-animations-
Information
Category: JavaScript / Vue.js
Watchers: 4
Star: 74
Fork: 24
Last update: Jun 23, 2022
Resource links
https://github.com/pb03/css-animations-demo
1 Open More issues
Open

Fix typo

Thank you for writing the article, Prasanjit!

opened Dec 24, 2020 by nsaicharan 0

Contents

    sanjayaharshana AnimTrap is a CSS Framework for animations. Its like bootstrap for JS animations. All you need is to import AnimTrap and use it for animations in your webapp easily. AnimTrap supports animations like scrolling and simple effects which would make a richer the experience from your webapp
    FormidableLabs 🎊 A collection of animations for inline style libraries
    720kb Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css
    Microsoft The Xbox Live Unity Plugin provides a way for developers in the Xbox Live Creators Program to quickly and easily integrate Xbox Live functionality into their Unity based game. For [email protected] developers, this Xbox Live Unity Plugin does not yet support all the features you will need. Instead, contact your Microsoft representative.
    dtx12 Actions for android animations. Inspired by libgdx scene2d actions.
    SimformSolutionsPvtLtd SSPullToRefresh makes PullRefresh easy to use, you can provide your own custom animations or set simple gifs on refresh view.
    n8jadams A custom React router that leverages the Web Animations API and CSS animations.
    jiayihu 🌙 A collection of cool, reusable and flexible animations for Angular 4.2+
    720kb :ballot_box_with_check: Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
    Tencent COVID-19 Live Updates of Tencent Health is developed to track the live updates of COVID-19
    jovey-zheng Pure css loading animations. As long as only one element!
    720kb :radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/
    JoanClaret :snowboarder: A responsive slider jQuery plugin with CSS animations
    webextensions Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)
    daltoniam A collection of animations for iOS. Simple, just add water animations.
    Sylvenas A collection of magic animations for react components.
    wellyshen 😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.
    felixblaschke Flutter package for creating awesome animations.
    ls9512 UTween is an interpolation animation component for Unity. You can quickly configure animations through built-in components or write animations through code.
    szynszyliszys Library for fast CSS Animations
    jxnblk 💫 Convert markdown to live React demos
    Share this repo

    Related Repos


    Vue.js
    5
    Powerful rich text editor using Vue.js and Quill. About 🍡@quilljs editor component for @v...
    cg0101 quill-vuejs Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。 Preview Example CDN example page Component example page Install NPM
     
    Vue.js
    10
    Generate types for TypeScript Vue components libraries
    Akryum vue-typegen Generate types for your Vue components library! What is does: Scan the source folder for .vue files Generate a corresponding .vue.ts file
     
    Vue.js
    7
    ▲ NEXT.JS - Example project using Next.js with Locomotive Scroll
    BrunoS3D nextjs-with-locomotive-scroll-example 🔺 NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental) 🚀 Demo 🚀 Getting started The
     
    Vue.js
    305
    A Vue.js UI components lib for TDesign.
    Tencent TDesign 适配桌面端的组件库，适合在 vue 2.x 技术栈项目中使用。 🎉 特性 适配桌面端交互 基于 Vue 2.0 与其他框架实现版本（React/Angular 等） API、UI 保持一致 支持暗黑模式及其他主题定制 支持按需加载 安装 npm i tdesign-vue 基础使用
     
    Vue.js
    6
    🐧A mini-vue-router , you kan learn the principle of vue-router
    sudongyuer mini-vue-router 🧚🏾 A mini-vue-router , you can learn the principle of vue-router 🍉 🍉 🍉 Getting Started npm run install npm run serve Example Pri
     
    Vue.js
    3
    A template repository / quick start to build Azure Static Web Apps with a Node.js function...
    marcduiker Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js
     
    Vue.js
    3.1k
    A Vue.js 3.0 UI Toolkit for Web. Build with Javascript
    hug-sun Introduction A Vue.js 3.0 UI Toolkit for Web. Install npm install element3 -S Quick Start import { createApp } from 'vue' import App from './App.vue'
     
    Vue.js
    3.1k
    🌍 基于 Vue 2.x 和高德地图的地图组件
    ElemeFE vue-amap vue-amap是一套基于Vue 2.0和高德地图的地图组件。 安装 npm install -S vue-amap 文档 https://elemefe.github.io/vue-amap 快速上手 引入vue-amap // 引入vue-amap import VueAMa
     
    Vue.js
    7
    A Vue.js UI components lib for TDesign.
    Tencent TDesign 适配桌面端的组件库，适合在 vue 3.x 技术栈项目中使用。 🎉 特性 适配桌面端交互 基于 vue-next 与其他框架（Vue/React/Angular）版本 API、UI 保持一致 支持暗黑模式及其他主题定制 支持按需加载 安装 npm i tdesign-vue-nex
     
    Vue.js
    8
    Check errors in vue and typescript
    JumiRay A vite plugin to detect *.ts ｜ *.vue typescript error this plugin based on fork-ts-checker-webpack-plugin (https://github.com/TypeStrong/fork-ts-check
     
    Vue.js
    3
    A minimal vue admin template with Element UI & axios & iconfont & permission control & lin...
    laoyin A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
     
    Vue.js
    3
    Vue Storefront integration made for Medusa.js
    vuestorefront-community Vue Storefront 2 integration with Medusa.js To learn how to build your integration, see our Integration guide. How to start if you want to try out the
     
    Vue.js
    3
    Formily Ant Design Vue Adaptor(Vue2)
    formilyjs English | 简体中文 Overview The Awesome Components Library with Formily & ant-design-vue. Features 🖼 Designable, You can quickly develop forms at low cos
     
    Vue.js
    7
    A vue component for Dyte client
    ochanje210 vue-dyte A vue component for Dyte client 📖 Release Notes ⚠️ v2.x.x is for Vue 2. Vue 3 is supported with v3.x.x For Vue 3 Install npm i -S vue-dyte
     
    Vue.js
    3
    This is a shopping site via Vue Framework
    softfantasy vue_shop Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints