Anima is an add-on for the Godot game engine that simplifies the process of creating dynamic and impactful UI animations.

Working with Godot's Tween to create UI animations can be quite challenging. However, Anima, an add-on for Godot, simplifies the process by allowing you to create animations using a clear and concise syntax with just a few lines of code. With 89 built-in animations and 33 easing options, Anima provides a vast array of options to choose from. Moreover, you can easily add your animations using a syntax similar to CSS, making it a convenient tool for developers.

• Installation
• Documentation & Demo
• Differences between Anima and Godot Tween
• Stay in Touch
• Contribution
• License

This is a regular editor plugin. Copy the contents of addons/Anima into the same folder in your project, and activate it in your project settings.

Check out documentation, demo code and live examples.

var anima = Anima.Node($Node).anima_keyframes({
    from = {
        opacity = 0,
        scale = Vector2(0.5, 0.5),
    },
    to = {
        opacity = 1,
        scale = Vector2.ONE
    },
    easing = Anima.EASING.EASE_OUT_BACK,
})

await anima.play()

anima.play_reverse_with_delay(1)

Original source: https://github.com/animate-css/animate.css

• Twitter
• Discord

Contributions are welcome and are accepted via pull requests.

MIT

Copyright (c) 2021-present, Alessandro Senese (ceceppa)