ランキングに戻る

animate-css/animate.css

CSSanimate.style

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

css-animationscssanimationstylesheets
スター成長
スター
82.7k
フォーク
16k
週間成長
Issue
43
50k
2011年10月2016年9月2021年8月2026年7月
成果物npmnpm install animate.css
README

Animate.css

GitHub Version Github Star Github Fork License

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 install animate.css --save

Install with yarn:

yarn add animate.css

Getting Started

You can find the Animate.css documentation on the website.

Accessibility

Animate.css supports the prefers-reduced-motion media query so that users with motion sensitivity can opt out of animations. On supported platforms (currently all the majors browsers and OS), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.

Core Team

Daniel Eden Elton Mesquita Waren Gonzaga
Daniel Eden Elton Mesquita Waren Gonzaga
Animate.css Creator Maintainer Core Contributor

License

Animate.css is licensed under the Hippocratic License.

Code of Conduct

This project and everyone participating in it is governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to animate@eltonmesquita.com.

Contributing

Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That last one is important.

関連リポジトリ
DavidHDev/react-bits

An open source collection of animated, interactive & fully customizable React components for building memorable websites.

JavaScriptnpmOtheranimationscomponents
reactbits.dev
43.9k2.1k
sachinchoolur/lightGallery

A customizable, modular, responsive, lightbox gallery plugin.

TypeScriptnpmOtherlightbox-gallery-pluginimage-gallery
lightgalleryjs.com
7k1.3k
l-hammer/You-need-to-know-css

💄CSS tricks for web developers~

CSSnpmOthercsscss-tricks
lhammer.cn/You-need-to-know-css/
5.5k621
sachinchoolur/lightgallery.js

Full featured JavaScript image & video gallery. No dependencies

JavaScriptnpmOthergalleryvideo-gallery
sachinchoolur.github.io/lightgallery.js/
5.3k583
epicmaxco/epic-spinners

Easy to use css spinners collection with Vue.js integration

Vuevuecss-spinners-collection
epic-spinners.epicmax.co
3.9k355
jschr/textillate

A jquery plugin for CSS3 text animations.

JavaScriptnpmMIT Licensecss-animationsjavascript
textillate.js.org
3.7k742
codse/animata

Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.

TypeScriptnpmMIT Licenseanimationinteraction
animata.design
2.8k227
ingram-projects/animxyz

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

CSSnpmMIT Licensecssvue
animxyz.com
2.5k62
webkul/micron

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

CSSnpmMIT Licensejsjavascript
webkul.github.io/micron/
2.3k99
greyby/vue-spinner

vue spinners

VueMIT Licensevuevuejs
greyby.github.io/vue-spinner/
1.8k174
miromannino/Justified-Gallery

Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.

HTMLMIT Licensegalleryjustification
miromannino.github.io/Justified-Gallery/
1.7k301
Martz90/vivify

Vivify is free CSS animation library.

CSSnpmMIT Licenseanimation-librarycss-animations
1.7k148