Does anyone know if it is possible to run Rive animation ?

Hi. We are interested in using Rove animations - https://rive.app/runtimes . Is there a way to get it running?

Tagged:

Comments

  • Aj_Cre8
    Aj_Cre8 Member Posts: 677 MVP

    If they offer a script that you can add to the site as well as a CSS file, you should be able to.

  • visioncraft
    visioncraft Member Posts: 162 Learner
    edited November 2023

    Hi there, @neelixio! It seems that in order to display Rive files in your website you need to do the following:

    1. include the Rive runtime script in the <head>section of your page. Learn how to do this in Duda here.
    2. add a <canvas> element to your page — you can do this in Duda with an HTML Widget.
    3. add some Javascript at the end of your <body>section, to initialise your Rive file and display it inside the canvas element — learn how add javascript to the end of the <body> section here.

    There is a tutorial in the Rive website you could try to follow and adapt to Duda, here.

    If using Rive interactive animations is something you believe you'll be doing regularly on your sites, it may be worthwhile for you to create a Custom Widget that will display your Rive files automatically, without you having to bother with custom-coding it each time.

    I hope these suggestions help.

  • neelixio
    neelixio Member Posts: 3

    Thank you for the feedback , all 🙏