Add Lottie JSON Animations for web
Lottie is an ecosystem of libraries for parsing Adobe After Effects animations exported as JSON with bodymovin and rendering them on Web!
There is also a Native Lottie Animations widget
Insert a JSON (string
) which contains the Lottie file.
File visibility (attribute
): the attribute to display/hide the widget. This is needed to use the widget as custom
loader (as it does not replace/modify the Mendix default loader).
Image height (integer
): Set the Lottie image height.
Image width (integer
): Set the Lottie image width.
Place the widget and insert a Lottie JSON and you are good to go!
- Install NPM package dependencies by using:
npm install
. If you use NPM v7.x.x, which can be checked by executingnpm -v
, execute:npm install --legacy-peer-deps
. - Run
npm start
to watch for code changes. On every change:- the widget will be bundled;
- the bundle will be included in a
dist
folder in the root directory of the project; - the bundle will be included in the
deployment
andwidgets
folder of the Mendix test project.
[specify contribution]