jamiebuilds/tailwindcss-animate

Features

• Animation Utilities - Provides a declarative utility library for adding fluid entrance and exit animations to elements in styling frameworks.
• Configurable Property Animators - Offers a declarative utility library for managing animation properties like timing, duration, and delay.
• Motion Preference Handlers - Automatically adjusts or disables animations based on system-level reduced motion accessibility preferences.
• Utility-First Plugin Extensions - Extends the styling engine by injecting custom animation utilities and keyframes at build time.
• Predefined Animation Effects - Includes specialized utility classes for fading, spinning, zooming, and sliding entrance effects.
• Entrance Scaling Utilities - Provides utilities to scale elements as they appear on the page using predefined or custom values.
• Entrance Rotation Utilities - Allows rotational transformations on elements as they enter the viewport using utility classes.
• Accessibility Motion Overrides - Automatically respects user system preferences for reduced motion to ensure accessibility.
• Declarative Transition Animations - Provides declarative configuration for the speed and rhythm of element transitions.
• CSS Value Injections - Supports arbitrary value parsing to generate one-off CSS rules for animation parameters.
• UI Motion Frameworks - Provides tools for applying fluid motion effects that respect system-level accessibility settings.
• Animation State Controllers - Provides utilities to toggle animation execution between running and paused states.
• Entrance Opacity Utilities - Enables setting the starting transparency level for elements as they animate into view.
• Motion Accessibility Utilities - Ensures accessible motion design by respecting user system preferences for reduced motion.
• Animation Configuration - Provides standardized utility classes for configuring animation timing, duration, and iteration counts.
• Animation Easing Functions - Applies specific easing functions to control the acceleration and deceleration of motion.
• Start Delay Controllers - Provides utility classes to define the delay before an animation sequence begins.
• Animation Direction Controls - Enables control over the playback direction of animations using CSS properties.
• Iteration Count Utilities - Allows setting the number of times an animation plays or enabling infinite loops.
• Fill Mode Utilities - Provides utility classes to manage how styles persist before or after an animation sequence.
• CSS Keyframe Declarations - Generates and injects reusable CSS keyframe rules into the stylesheet for consistent animation sequences.
• CSS Utility Classes - Provides single-purpose utility classes for managing layout and animation states within the styling framework.
• CSS Variable Theming - Enables overriding animation properties like duration and easing through centralized CSS variable design tokens.
• Exit Opacity Utilities - Defines the final transparency level for elements during exit animations.
• Exit Rotation Utilities - Allows configuring the final rotation angle of an element as it exits the viewport.
• Exit Scaling Utilities - Applies scaling transformations to elements as they animate out of the viewport.
• Exit Translation Utilities - Provides directional translation utilities to move elements to specific positions as they leave the viewport.
• CSS Utility Libraries - Offers a collection of declarative classes for managing animation properties within web interfaces.
• Motion Design Frameworks - Enables the creation of engaging user experiences through controlled transitions, rotations, and scaling effects.

Star history