Popularity
1.3
Growing
Activity
0.0
-
41
2
9
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v2.1.4
animakit-expander alternatives and similar libraries
Based on the "UI Animation" category
-
react-spring
A spring physics based React animation library. -
react-motion
A spring that solves your animation problems. -
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
Transitions built for react-router, powered by react-motion. -
react-gsap-enhancer
Use the full power of React and GSAP together. -
react-motion-ui-pack
Wrapper component around React Motion for easier UI transitions. -
React Native Circle Menu
⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Made by @Ramotion -
data-driven-motion
Easily animate your data in react. -
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-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 -. -
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. -
auto-size-transition
A component that scale dynamically according to the internal children size
Do you think we are missing an alternative of animakit-expander or a related project?
README
AnimakitExpander
WARNING: Currently unmaintained because of lack of interest, activity and resources
React component for the expanding and collapsing of the blocks. Supports both vertical and horizontal mode.
Usage
<Title onClick={toggle} />
<AnimakitExpander expanded={this.state.expanded}>
<Text />
</AnimakitExpander>
Demo
Installation
npm install animakit-expander
Properties
| Property | Required | Type | Default Value | Available Values | Description |
|---|---|---|---|---|---|
| expanded | true | bool | false |
true, false |
State of the component: expanded or collapsed |
| horizontal | false | bool | false |
true, false |
If true, component will expand in horizontal direction |
| align | false | string | top, bottom for the default direction or left, right for the horizontal direction |
Align of the content during the animation | |
| duration | false | number | 500 |
Any integer number | Duration of animation |
| durationPerPx | false | number | 0 |
Any integer number | Duration of animation per pixel. Use it if you want the duration depended on the size and calculated dynamically. |
| easing | false | string | ease-out |
Any easing function | Easing function of animation |
Origin
Part of Animakit. See https://animakit.github.io for more details.