KendoReact Animation Overview

The KendoReact Animation uses the TransitionGroup component to animate elements which appear, enter, or exit the viewport.

This is a Free React AnimationThe KendoReact Animation is free to use, including in production—no sign-up or license required. Check out all 120+ free and premium UI components in the enterprise-grade KendoReact library.

The following demo shows the Animation component.

Change Theme

Theme

Loading ...

What is the KendoReact Animation?

The Animation package provides native KendoReact animation components built specifically for the React ecosystem and distributed via npm.

@progress/kendo-react-animation

Key Features

The KendoReact Animation package provides the following key features.

Highly customizable and easy to style appearance:
- Built-in appearance options to adjust the styles of your animation
- Built-in themes
- Theme customization
- Self-created themes
- Unstyled mode
Control the entering and exiting effects via the direction property
Adjust the duration of your animation
Choose animation type

How Does the KendoReact Animation Work?

The KendoReact Animation is built natively for React, with no dependencies. It leverages key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.

You have complete control over your React animation, and you can extend its default behavior and appearance via props and event handlers.

React Animation with Other KendoReact Components

You can combine multiple KendoReact components with the React animation in the same application:

Add animation to your Notification.
Animate your Form and Inputs.
Enhance your Dialogs with entering and exiting animation.

The Animation package is a dependency for multiple other KendoReact components.

React Animation with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

Frequently Asked Questions

Is the KendoReact Animation Free to Use

Yes. The KendoReact Animation is free to use without any license or registration with Progress or Telerik.

How to Create Animation in React

To create a animation in React, you need to install the KendoReact Animation package and then import and configure the animation component in your application. For more information, refer to the Getting Started with the KendoReact Animation article.

What are the Available Support Options

For any questions about the use of KendoReact Animation, or any other KendoReact components, there are several free support options available:

The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.

KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.

Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.