Popularity
1.1
Stable
Activity
0.0
Stable
23
2
4
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v1.1.4
animakit-elastic alternatives and similar libraries
Based on the "UI Animation" category.
Alternatively, view animakit-elastic alternatives based on common mentions on social networks and blogs.
-
react-spring
✌️ A spring physics based React animation library -
framer/motion
Open source, production-ready animation and gesture library for React -
react-flip-move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. -
-
react-router-transition
painless transitions built for react-router, powered by react-motion -
react-anime
✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React! -
-
react-gsap-enhancer
Use the full power of React and GSAP together -
React Native Circle Menu
:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion -
react-motion-ui-pack
Wrapper component around React Motion for easier UI transitions. -
react-parallax-tilt
👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies -
gooey-react
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽 -
react-spark-scroll
Scroll-based actions and animations for react -
react-mt-svg-lines
A React.js wrapper component to animate the line stroke in SVGs -
react-track
Track the position of DOM elements. Create cool animations. -
react-atv-img
A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React. -
react-web-animation
React components for the Web Animations API - http://react-web-animation.surge.sh -
react-transitive-number
React component to apply transition effect to numeric strings, a la old Groupon timers -
react-parallax-component
Easiest way to add scroll parallax effect on the component -
react-tween
DEPRECATED - Recommend https://github.com/tannerlinsley/react-move instead! -
-
-
auto-size-transition
A component that scale dynamically according to the internal size -
react-scroll-rotate
Very simple react component for rotate element based on scroll position -
react-tsparticles
A lightweight component to easily create interactive particles animations
Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.
Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.
Promo
syncfusion.com
Do you think we are missing an alternative of animakit-elastic or a related project?
|
Scout APM: A developer's best friend. Try free for 14-days
sponsored
scoutapm.com
|
Popular Comparisons
-
animakit-elasticvsreact-flip-move
-
animakit-elasticvsframer/motion
-
animakit-elasticvsreact-web-animation
-
animakit-elasticvsReact Native Circle Menu
-
framer/motionvsreact-spring
|
Run Linux Software Faster and Safer than Linux with Unikernels
sponsored
github.com/nanovms
|
README
AnimakitElastic
WARNING: Currently unmaintained because of lack of interest, activity and resources
React component for flexible resizing of the blocks.
Usage
<AnimakitElastic>
<Content />
</AnimakitElastic>
Demo
Installation
npm install animakit-elastic
Properties
| Property | Required | Type | Default Value | Available Values | Description |
|---|---|---|---|---|---|
| duration | false | number | 500 |
Any integer number | Duration of animation |
| easing | false | string | cubic-bezier (0.68,-0.55,0.265,1.55) |
Any easing function | Easing function of animation |
Limitations
The components wrapper uses overflow: hidden to implement the animation.
Origin
Part of Animakit. See https://animakit.github.io for more details.