ant-design/ant-motion
Fork: 377 Star: 4540 (更新于 1970-01-01 00:00:00)
license: MIT
Language: JavaScript .
:bicyclist: Animate specification and components of Ant Design
最后发布版本: 1.7.0 ( 2019-02-21 16:54:43)
Ant Motion
What is Ant Motion?
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 beautiful landing page with motions by a few steps.
Demos
- List animations
- Detailed explanation of the switching effect
- Sortable animated drag and drop list
- Thumbnail expand with details animation
- View more
Specification
Ant Motion is an abstraction interface mainly intended to enhance the comfortness in the UX, increase the UI vitality, and also describe the level of relationship among touch feedback, user intentions and other functional effects. View details
Animation Components
-
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
-
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
-
Add a serial rendering approach to a group of elements. Refer to the API for the specific parameters.
-
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.
-
With a simple configuration, you can set up a modern and professional banner slider. Refer to the API for the specific parameters.
Landing page solution
Landing Formally launched, more. 🎉🎉🎉
This is based on the Ant Motion React components to follow with the design specifications of Ant Design to complete the demo page, you can quickly and flexibly configure the page template you want.
It provides a single-element example and a full-page example after configuration.
Develop
npm install
npm start
Go to http://localhost:8111
最近版本更新:(数据更新于 1970-01-01 00:00:00)
2019-02-21 16:54:43 1.7.0
2018-11-07 16:11:54 1.6.3
2018-09-30 11:50:23 1.6.2
2018-07-12 18:08:31 1.6.1
2018-07-02 16:20:12 1.6.0
2017-10-18 17:32:02 1.5.2
2017-03-01 14:15:48 1.5.0
2017-01-04 17:59:10 1.4.1
2016-12-14 21:01:26 1.4.0
2016-12-13 17:09:22 1.3.2
主题(topics):
animation, ant-motion, javascript, motion, motion-design, react, react-animate, react-components, react-motion
ant-design/ant-motion同语言 JavaScript最近更新仓库
2024-11-05 19:13:47 jerryc127/hexo-theme-butterfly
2024-11-05 13:53:42 LiteLoaderQQNT/LiteLoaderQQNT
2024-11-03 02:40:36 chris81605/Degrees-of-Lewdity_Cheat_Extended
2024-11-01 21:55:46 projectdiscovery/nuclei-templates
2024-11-01 19:24:44 NumberSir/DoL-I18n-Build
2024-11-01 12:25:14 midoks/mdserver-web