plus1tv / React Anime
Licence: mit
✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!
Stars: ✭ 1,313
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
Release It
🚀 Automate versioning and package publishing
Stars: ✭ 4,773 (+263.52%)
Mutual labels: hooks, npm
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
Linedistiller
A data-driven line extractor for 2D anime, manga and illustration using Keras.
Stars: ✭ 87 (-93.37%)
Mutual labels: anime
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
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
(ノ´ヮ´)ノ*:・゚✧ 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.
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 liketranslateX
). -
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].