Made with React

A collection of websites and applications using the React or React Native JavaScript library.

Submit project Follow us

Motion Design, animation specification and components of Ant Design

Motion Design, animation specification and components of Ant Design

Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications.

What can Ant Motion do?
Create neat animations by using React components with a simple configuration.
Create a beautiful landing page with motions by a few steps.

Animation Components

rc-tween-one
This is a React wrapper to animate your components. You can perform all of the style animations, including transform3d, fuzzy and other effects, you can also complete the Bezier curve animation. For the specific parameters see the API

rc-animate
On a single element according to the status of animation display hidden, need to combine css or other third-party animation class used together; for the specific parameters see API

rc-queue-anim
Add a serial rendering approach to a group of elements. Refer to the API for the specific parameters.

rc-scroll-anim
Through a simple configuration, you can add animations which follow the scollbar on the elements of the page. Refer to the API for the specific parameters.

rc-banner-anim
With a simple configuration, you can set up a modern and professional banner slider. Refer to the API for the specific parameters.

Live Preview Github Page