Mendix Tutorial: Making It Rain

In this quick tutorial, our Head of Digital, Arthur Goujon, is showing how to use Mendix to build an animated login page with slow-motion rain. This is part of a larger demo we worked on for a fictitious insurance product called “STUFF”, which uses Mendix blockchain to let users turn on and off their insurance policies in a single click.

We take you step by step, so you can code along and learn to build animations yourselves.

We will cover the following context:

• Creating a new Mendix app
• Installing and using Gulp to re-compile SASS in CSS enable seeing the results of our work in real-time in the browser
• Embedding images into your design
• Creating animations using CSS