Add Circle Close
segments
addToClose, closeToAdd
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'addToClose', transition: 'click', }, { state: 'autoplay', frames: 'closeToAdd', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d1659360a73c02204517_ui-actions-AddCircle-Close.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Circle Close
Add Circle Minus
segments
plusToMinus, minusToPlus
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'plusToMinus', transition: 'click', }, { state: 'autoplay', frames: 'minusToPlus', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d79c2465d3438899862c_ui-actions-add-circle-minus.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Circle Minus
Add Close
segments
addToClose, closeToAdd
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'addToClose', transition: 'click', }, { state: 'autoplay', frames: 'closeToAdd', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d79ca9e3b8981f173f07_ui-actions-add-close.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Close
Add Minus
segments
plusToMinus, minusToPlus
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'plusToMinus', transition: 'click', }, { state: 'autoplay', frames: 'minusToPlus', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d79d4769a19a9289dee0_ui-actions-add-minus.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Minus
Add Square Close
segments
addToClose, closeToAdd
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'addToClose', transition: 'click', }, { state: 'autoplay', frames: 'closeToAdd', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d79c3566663abb7575b3_ui-actions-add-square-close.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Square Close
Add Square Minus
segments
plusToMinus, minusToPlus
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'plusToMinus', transition: 'click', }, { state: 'autoplay', frames: 'minusToPlus', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d79d0485b3bf20aa75a7_ui-actions-add-square-minus.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Add Square Minus
Bluetooth
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437d03b0485b3cb42aa07f7_ui-actions-bluetooth.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Bluetooth
Bookmark
segments
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'click', transition: 'onComplete', }, { state: 'none', transition: 'click', reset: true, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437dc863566663e0a75af5a_ui-actions-bookmark.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Bookmark
Delete Hover
segments
openLid, lidFalling
Download
Try the following code to
Chain (Hover + Click)
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'hover', transition: 'click', frames: 'openLid' }, { state: 'autoplay', transition: 'onComplete', frames: 'lidFalling', reset: true }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e0026bc41379ceb2bd71_ui-actions-delete-hover.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Delete Hover
Download
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e19a0485b36825ab019d_ui-actions-download.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Download
Download Check
segments
Download
Try the following code to
Play Once
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'autoplay', transition: 'onComplete', }, { path: 'https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437bd51d96a227a7c60b1b7_Status-Done-2.json', state: 'autoplay', transition: 'none', }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e19a0485b36825ab019d_ui-actions-download.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Download Check
Favorite
segments
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'click', transition: 'onComplete', }, { state: 'none', transition: 'click', reset: true, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e39aa0a3c30a2197c027_ui-actions-favorite.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Favorite
Lock Unlock
segments
unlock, lock
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'unlock', transition: 'click', }, { state: 'autoplay', frames: 'lock', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e462841ff6594f3868af_ui-actions-lock-unlock.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Lock Unlock
Mark Read
segments
close, open
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'close', transition: 'click', }, { state: 'autoplay', frames: 'open', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437e52555dcf665c85dd701_ui-actions-mark-read.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Mark Read
Notification
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fcd5afbdc257527120d5_ui-actions-notification.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Notification
Publish
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fcd5a2612c30c3dde1f8_ui-actions-publish.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Publish
Publish Check
segments
Download
Try the following code to
Play Once
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'autoplay', transition: 'onComplete', }, { path: 'https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437bd51d96a227a7c60b1b7_Status-Done-2.json', state: 'autoplay', transition: 'none', }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fcd5a2612c30c3dde1f8_ui-actions-publish.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Publish Check
Refresh
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fcd531946835c5a24653_ui-actions-refresh.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Refresh
Searching
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fcd5863fc9c8eae4cdf8_ui-actions-searching.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Searching
Send
segments
Download
Try the following code to
Hover
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container: '#container', //Replace with trigger ID mode:"cursor", actions: [ { type: "hover", forceFlag: true } ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fe4d4214ae3412291afc_ui-actions-send.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Send
Send Check
segments
Download
Try the following code to
Play Once
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'autoplay', transition: 'onComplete', }, { path: 'https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437bd51d96a227a7c60b1b7_Status-Done-2.json', state: 'autoplay', transition: 'none', }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6437fe4d4214ae3412291afc_ui-actions-send.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Send Check
Setting
segments
openSettings, closeSettings
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'openSettings', transition: 'click', }, { state: 'autoplay', frames: 'closeSettings', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6438031224931fb2cf0458f4_ui-actions-setting.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Setting
Star
segments
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'click', transition: 'onComplete', }, { state: 'none', transition: 'click', reset: true, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/64380303706ae7acd7e940eb_ui-actions-star.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Star
Swipe Down
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/64380303b6fe4857259cf135_ui-actions-swipe-down.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Swipe Down
Swipe Left
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/64380303e1f011705f011e80_ui-actions-swipe-left.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Swipe Left
Swipe Right
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/643803031dbf238ac584724a_ui-actions-swipe-right.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Swipe Right
Swipe Up
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6438030324a6c3fa19bee8df_ui-actions-swipe-up.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Swipe Up
Unfold More Less
segments
expand, shrink
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container:'#container', //Replace with trigger ID mode:"chain", actions: [ { state: 'none', frames: [0], transition: 'click', }, { state: 'autoplay', frames: 'expand', transition: 'click', }, { state: 'autoplay', frames: 'shrink', transition: 'click', jumpTo: 1, }, ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/64380304482ffc93ee68d328_ui-actions-unfold-more-less.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Unfold More Less
Wifi
segments
Download
Try the following code to
Loop
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6438030424a6c3861ebee8e0_ui-actions-wifi.json' background='transparent' speed='1' autoplay loop></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Wifi
Hi there 👋

My name is Luci Yamaji and I made the WebInMotion Website.

My goal with this project was to simplify the basic implementation of animations, into websites. I hope you like the assets and start adding more motion into your project right away.
If you need any help or suggestions, don't hesitate to contact me.
Thank you! I will be in contact with you soon.
Oops! Something went wrong while submitting the form.
Follow me