All Projects → plus1tv → React Anime

plus1tv / React Anime

Licence: mit
✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to React Anime

Postinstall Build
Helper for conditionally building your npm package on postinstall
Stars: ✭ 87 (-93.37%)
Mutual labels:  hooks, npm
Pinst
🍺 dev only postinstall hooks (package.json)
Stars: ✭ 162 (-87.66%)
Mutual labels:  hooks, npm
Release It
🚀 Automate versioning and package publishing
Stars: ✭ 4,773 (+263.52%)
Mutual labels:  hooks, npm
Rest Hooks
Delightful data fetching for React.
Stars: ✭ 1,276 (-2.82%)
Mutual labels:  hooks
Use Query Params
React Hook for managing state in URL query parameters with easy serialization.
Stars: ✭ 1,278 (-2.67%)
Mutual labels:  hooks
Client Dependencies Gradle
Install client dependencies from NPM, Bower or Git
Stars: ✭ 89 (-93.22%)
Mutual labels:  npm
Dahlia
An opinionated React Framework. [Rename to pea.js]
Stars: ✭ 92 (-92.99%)
Mutual labels:  hooks
Ongaku
Anime Radio
Stars: ✭ 86 (-93.45%)
Mutual labels:  anime
Npmarket
🛒 More efficient search for node packages.
Stars: ✭ 91 (-93.07%)
Mutual labels:  npm
Linedistiller
A data-driven line extractor for 2D anime, manga and illustration using Keras.
Stars: ✭ 87 (-93.37%)
Mutual labels:  anime
Shinjiru
Qt-based anime tracker for AniList
Stars: ✭ 89 (-93.22%)
Mutual labels:  anime
Dyon
A rusty dynamically typed scripting language
Stars: ✭ 1,289 (-1.83%)
Mutual labels:  dynamic
Event Target Shim
An implementation of WHATWG EventTarget interface, plus few extensions.
Stars: ✭ 89 (-93.22%)
Mutual labels:  npm
Dynamicanimationexample
A simple spring animation (support library v25.3.0+) example android app
Stars: ✭ 88 (-93.3%)
Mutual labels:  dynamic
Dependency spy
Find known vulnerabilities in your dependencies
Stars: ✭ 87 (-93.37%)
Mutual labels:  npm
Deeplearninganimepapers
A list of papers and other resources on deep learning with anime style images.
Stars: ✭ 1,307 (-0.46%)
Mutual labels:  anime
Avalanche
A package based CSS framework.
Stars: ✭ 86 (-93.45%)
Mutual labels:  npm
Reason Loadable
🔥 Suspense/Lazy for ReasonReact.
Stars: ✭ 88 (-93.3%)
Mutual labels:  dynamic
Trace.moe Webextension
WebExtension for the Anime Reverse Search Engine to search by image
Stars: ✭ 89 (-93.22%)
Mutual labels:  anime
Angular File Uploader
Angular file uploader is an Angular 2/4/5/6/7/8/9/10 + file uploader module with Real-Time Progress Bar, Responsive design, Angular Universal Compatibility, localization and multiple themes which includes Drag and Drop and much more.
Stars: ✭ 92 (-92.99%)
Mutual labels:  npm

react-anime

Npm Package License Unit Tests Coverage Tests Dependency Status devDependency Status

(ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React built on top of Julian Garnier's anime.js.
Just place an <Anime> component and what you want animated inside.

Documentation | Demos | Anime.js

Installation

npm i react-anime -S

Features

  • Animate nearly all CSS, SVG, & DOM attributes by adding a prop with their name (eg. opacity, backgroundColor, transform inputs like translateX).

  • Nested animations are as easy as putting an <Anime> component inside another.

  • Cascading animations through delay prop.

  • Add elements dynamically and have them animate in.

  • TypeScript definitions included.

Usage

import React from 'react';
import Anime, { anime } from 'react-anime';

let colors = [ 'blue', 'green', 'red' ];

const MyAnime = (props) => (
    <Anime delay={anime.stagger(100)} scale={[ 0.1, 0.9 ]}>
        {colors.map((color, i) => <div key={i} className={color} />)}
    </Anime>
);

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].