WhatsApp Animated Emojis Feature

By YUSUF BALOGUN April 18, 2023

[{"selector":"#anim-54767a4a-37bf-41a6-914c-9b1ecc552f20 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] WhatsApp is reportedly working on an animated emojis feature with Lottie to enhance the user messaging experience.

WhatsApp is developing animated emojis by using Lottie, a library that lets users easily create animations.

[{"selector":"#anim-49176fb6-be8e-4911-92e0-e5244f318094","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e9056b7-1b3d-48d9-901f-ccf8ba5d7dd6","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78a1cfcb-ff90-4de6-8ca8-5ef7a224c3d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ff06d248-c237-4f78-9c0c-bf339b7f38de","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Green Star

As shown in a screenshot shared by Wabeinfo, WhatsApp is working on bringing animated emojis to the app at a later date.

[{"selector":"#anim-78c61025-ec26-4388-aee9-ea5144d70456","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b1ff7a4-6fd4-4a30-a023-578bb3496c3c","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a588acc-b894-413c-bfcf-3d91b537e2a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b8baa72a-43f3-4f0c-ad90-36916efae9ab","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Green Star

When finally released, the animated emojis will be sent by default so users may not have control over turning off the animation.

[{"selector":"#anim-0ff32589-2c40-402a-8a27-218f3415388e","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abf1b1dc-e701-4401-8e8d-d9b88fce50e8","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ee7b8ec9-aed2-4c9d-b9e9-c528d1c2cf76","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a86886b3-5e30-40d7-84ec-0b932f558eb6","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Green Star

These animations are small in size, and it is possible to change their proportions without losing quality.

[{"selector":"#anim-bde1cbb8-9dda-407a-a517-641ff25783bc","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30d2b233-2ce1-4a57-afdf-85ed4456c2a0","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-957de04f-3d0f-44d0-8afa-fabc213e1448","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f6419ea2-5993-43b9-af6a-a2c4675b0c3c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Green Star

This feature has been spotted during the development of WhatsApp Desktop beta and it will be released in a future update of the app.

[{"selector":"#anim-348d7f57-560c-4b3f-879b-289ead65771e","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d54b0243-cfbc-4309-ae02-c5689c566640","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec15c092-28ae-4184-a7dd-b991e1fd037b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cb1bdc5f-7717-4014-825c-68a68d7e6659","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Green Star

Read more stories

[{"selector":"#anim-6ea658d5-4fe9-4eeb-8893-5b82d13236bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6799c47c-969e-47c4-9a72-af9da1a14c4b","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60dd0e8d-97f9-47d0-b4f5-ecba9ab4c1ed","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c45d42d-9579-4034-b02e-ecf2489ce9fd","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f616aac-504c-4975-bb93-de87dcb3ff45","keyframes":{"opacity":[0,1]},"delay":1200,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45ea88e7-41ee-4b7c-94b5-62372e9c33bb","keyframes":{"opacity":[0,1]},"delay":1200,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0b20d77-1309-4cc8-86c8-bff99cb33857","keyframes":{"opacity":[0,1]},"delay":1200,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e686ce79-5fe0-4554-8511-9b3f2bd472ed","keyframes":{"opacity":[0,1]},"delay":1100,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd22a6ca-5beb-457c-9342-7dc2b25a0a65","keyframes":{"transform":["translate3d(100.00000%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1100,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be248729-5f8d-48df-9424-863822bc9a64","keyframes":{"opacity":[0,1]},"delay":2400,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a3a7a1c4-072f-4f3b-bf7a-bd59069d1234","keyframes":{"opacity":[0,1]},"delay":2400,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-860eb177-dee0-497d-a0ac-54360d541f70","keyframes":{"opacity":[0,1]},"delay":2400,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c3db35a-1161-4de4-8a62-9e9b831b5c71","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30517790-e974-443e-afbc-198335c87d22","keyframes":{"transform":["translate3d(-271.42855%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-278ca60c-f41b-4d12-98b4-99a2ab22086d","keyframes":{"opacity":[0,1]},"delay":1100,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7e0d634f-e3c4-4124-b276-306676025c86","keyframes":{"transform":["translate3d(878.57101%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1100,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Black Star Sleek Electric SUV Launched in India Black Star