Popularity

1.5

Declining

Activity

0.0

Stable

Stars 37

Watchers 3

Forks 9

Last Commit about 4 years ago

Programming language: JavaScript

License: MIT License

Tags: Collapse UI Animation React React-component Animation Animakit Expander Expand

Latest version: v2.1.4

animakit-expander alternatives and similar libraries

Based on the "UI Animation" category.
Alternatively, view animakit-expander alternatives based on common mentions on social networks and blogs.

react-spring

9.7 9.4 animakit-expander VS react-spring

✌️ A spring physics based React animation library
react-motion

9.6 0.0 animakit-expander VS react-motion

A spring that solves your animation problems.

AWS Cloud-aware infrastructure-from-code toolbox [NEW]

Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

Promo klo.dev

framer/motion

9.5 9.9 animakit-expander VS framer/motion

Open source, production-ready animation and gesture library for React
react-flip-move

8.3 0.0 animakit-expander VS react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
velocity-react

8.0 0.0 animakit-expander VS velocity-react

React components for Velocity.js
react-router-transition

7.6 0.0 animakit-expander VS react-router-transition

painless transitions built for react-router, powered by react-motion
react-tween-state

6.8 0.0 animakit-expander VS react-tween-state

React animation.
react-anime

6.6 0.0 animakit-expander VS react-anime

✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!
react-parallax-tilt

5.5 9.7 animakit-expander VS react-parallax-tilt

👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)
rc-animate

5.5 0.0 animakit-expander VS rc-animate

anim react element easily
react-gsap-enhancer

5.3 0.0 animakit-expander VS react-gsap-enhancer

Use the full power of React and GSAP together
React Native Circle Menu

5.0 0.0 animakit-expander VS 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

4.9 0.0 animakit-expander VS react-motion-ui-pack

Wrapper component around React Motion for easier UI transitions.
data-driven-motion

4.5 0.0 animakit-expander VS data-driven-motion

Easily animate your data in react
gooey-react

4.5 0.0 animakit-expander VS gooey-react

The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
react-magic-move

4.5 0.0 animakit-expander VS react-magic-move

MagicMove for React.js.
react-spark-scroll

4.1 0.0 animakit-expander VS react-spark-scroll

Scroll-based actions and animations for react
react-mt-svg-lines

3.9 0.0 animakit-expander VS react-mt-svg-lines

A React.js wrapper component to animate the line stroke in SVGs
react-track

3.7 0.0 animakit-expander VS react-track

Track the position of DOM elements. Create cool animations.
react-web-animation

3.6 0.0 animakit-expander VS react-web-animation

React components for the Web Animations API - http://react-web-animation.surge.sh
react-atv-img

3.6 0.0 animakit-expander VS react-atv-img

A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.
react-transitive-number

3.1 0.0 animakit-expander VS react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers
react.animate

2.8 0.0 animakit-expander VS react.animate

state animation plugin for react.js
react-tween

2.6 0.0 animakit-expander VS react-tween

DEPRECATED - Recommend https://github.com/tannerlinsley/react-move instead!
react-parallax-component

2.6 0.0 animakit-expander VS react-parallax-component

Easiest way to add scroll parallax effect on the component
react-tweenful

1.7 0.0 animakit-expander VS react-tweenful

Animation engine designed for React
animakit-rotator

1.5 0.0 animakit-expander VS animakit-rotator

UNMAINTAINED: AnimakitRotator
animakit-elastic

1.2 0.0 animakit-expander VS animakit-elastic

UNMAINTAINED: AnimakitElastic
react-ts-typewriter

1.0 6.5 animakit-expander VS react-ts-typewriter

Easy to use typewriter component written with Typescript and React 18+ in mind
react-animatable

0.9 8.3 animakit-expander VS react-animatable

A powerful composable animation library for React, built on Web Animations API and React hook.
auto-size-transition

0.8 0.0 animakit-expander VS auto-size-transition

A component that scale dynamically according to the internal size
react-scroll-rotate

0.6 0.0 animakit-expander VS react-scroll-rotate

Very simple react component for rotate element based on scroll position
anim-react

0.4 10.0 animakit-expander VS anim-react

simple js react animation, animation hook, web Animation interface, onclick animation, onview,onsight animation, without css animation, no transition animation, js animation class usage.
react-tsparticles

0.3 - animakit-expander VS react-tsparticles

A lightweight component to easily create interactive particles animations

Do you think we are missing an alternative of animakit-expander or a related project?

Add another 'UI Animation' Library

Popular Comparisons

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