Best Front end Frameworks For Web Development in 2025

[{"selector":"#anim-7e5f0b2f-b47e-4cb3-86fb-cac09d14fb06","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a985c163-9976-47df-b62e-25b0af34c837","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

React: Ideal JavaScript library for Enticing User Interface

[{"selector":"#anim-5f80f3fd-c04a-4580-b7b5-a613b0e1162e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ec900d43-6a15-4cde-af4f-1cb7c4a7f820","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-4e5e306e-8be2-4d31-9082-be7118cb55de","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6efa23a4-3acc-4baf-89bc-59c66cd57aff","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89728c8b-d59c-4a07-a541-2446ac2beb4f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25790dde-f2d7-41e5-ae15-2e8c49407aa3","keyframes":{"transform":["translate3d(0px, -321.67579%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-21a58e54-890f-4c45-a280-390085083386","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f6d2c1b-e748-4843-983b-668761c65051","keyframes":{"transform":["translate3d(126.66668%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Angular: Typescript-Based library for Interactive Web App

[{"selector":"#anim-44376284-24d1-4923-8b67-3e4276c4646f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4e9e3b91-51de-4c77-a8a6-150ea7019f2c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ee164142-d7d8-4185-ae0a-889c68fa586a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acdf286e-d726-4929-851d-7eb6170bde8a","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c0a271a-3fcf-4fcb-a168-928575b437e0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15267333-6f75-4155-ac70-8e9cda2d4e3c","keyframes":{"transform":["translate3d(0px, -321.67579%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15791301-1020-4367-bbf9-238e8c8f802c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07701e24-7fee-47ef-9eeb-d54bf538dd78","keyframes":{"transform":["translate3d(155.71429%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

VueJS: Modern Framework for Single-page application

[{"selector":"#anim-49dd7754-5359-4c17-90be-24c41d273009","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b873d864-c721-4979-b9b0-eb4216a5c6e0","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e62bdad1-26f8-47c3-b559-16ac7f802722","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-173b8e3f-ac5d-42df-b485-32280b1d305a","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0cebfdae-0d5d-4f7d-af08-08b480f38ee5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7973ecd-0a43-4f09-9d8f-543f09b27814","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff09c74d-56e2-4382-85b1-a27ec65fdbf2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-473cfe83-e69b-414a-81d1-83d4580bf621","keyframes":{"transform":["translate3d(118.80001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

EmberJS: Productive JavaScript Framework for Modern Web App

[{"selector":"#anim-d3e514db-e47b-445f-82f3-64f648c5ce7b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e8dc10fa-99b5-45e2-b7bc-971e81b67943","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ec2868c0-74d6-4683-b9fa-7621330451c2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-09a4278a-7ed5-46c6-aa0c-3bdce48bd9f8","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3416d457-1218-428a-934f-e254b08b7f9f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3fb9119d-913d-4fe2-aab6-f3a86866f0b4","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3123e0e-44b3-4ec7-bf41-951562f636c3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f491da2-b7b8-4401-9a81-5f10c9047e5d","keyframes":{"transform":["translate3d(153.69126%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

JQuery: Feature-rich Library to simplify JavaScript programming

[{"selector":"#anim-711fd168-ccdf-4e65-9719-22b845b39e39","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3e266288-a810-418e-9725-bb3b4069ea75","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-6a9e05ee-0bfc-4a20-9599-36ecf1d145a6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bbb4584d-e841-4132-9793-df90b2dc4f7a","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7386101-7c6d-4ff3-b67c-31d3ff70fc4e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3db43a30-c76d-471e-8cb0-7ac1b3d0af44","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85a26065-3767-4fa4-b332-6c49368e3a9c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1912756d-dfe4-45b3-a2fc-fa74c66f0988","keyframes":{"transform":["translate3d(145.07042%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Svelte: Modern Approach towards Building Rich User Interface

[{"selector":"#anim-0066be0a-8b36-4e54-9086-4f7337b880a6","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5481d59a-6e3c-4278-95a2-e0456d55d710","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-4ba3d979-82b2-4797-bd5c-a8c40b947ccb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a175f50c-607f-42a1-b486-9a5b774fa0bc","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19ae33ea-75a4-4e65-b9f2-12cff5808183","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0275ef14-ff55-493a-8c77-2b85cf760aaa","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-358bdd24-eb53-4060-83af-447457a814d4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81dc9795-1054-4758-a1dc-4c11e8106c71","keyframes":{"transform":["translate3d(190.38459%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

BackBoneJS: Structuring Client-Side Web Application

[{"selector":"#anim-d16c455d-33f2-4e34-a2c7-cdcfbdb4f258","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a1508483-c48c-4237-8930-d82dca982d9c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5e3c6b49-7cda-4b8a-9ccf-296f688bdef8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fc593995-6800-48f2-9365-f1159b0081cf","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5924ca98-b4a0-4015-a939-9a271f633228","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d0869af-22b7-4c44-a22e-d6ad07485b23","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24f65c31-fd64-49cd-b6a2-cf4cc4bce27b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16e4edc3-5216-4bb3-a0b8-f5e59f1c7f53","keyframes":{"transform":["translate3d(123.75%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Semantic UI: Feature-rich Framework for intuitive User Interface

[{"selector":"#anim-09d762ab-040d-4fe3-a243-b27ec5d0077c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7da23fba-b459-4d1b-b635-2326d77f0760","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-47970ada-8e22-43c3-8c82-4a1cce47859d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-120018bd-47cf-44c0-89a5-a452ecb624db","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-40608fa3-5373-4605-8ae0-4b203772050e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ee75a35-369d-4da8-b40a-cd1f20ee12e1","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03d6b64b-073f-47cb-ba4b-087b97c306a6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02209d12-9ec4-4e24-a40b-2c8421e1594f","keyframes":{"transform":["translate3d(154.16666%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Foundation: Responsive Framework to achieve Mobile-first Approach

[{"selector":"#anim-67b52db8-d94a-42c7-ae01-80961515fd95","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7372137f-4e26-434d-99e8-7611da151e08","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-08afe063-3680-46ce-89a9-f2afa943520c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a16f1d89-2995-4c14-aca8-0f07de248e41","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05dea3ef-cf84-4ad4-bb78-c16eaee62772","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f718544b-1554-49f1-b6e8-79da8450dbb3","keyframes":{"transform":["translate3d(0px, -325.37034%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66ca99ae-90ec-4b51-96e9-cdcf7fff36e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67494999-9ee3-40e2-854d-6c7325a407ab","keyframes":{"transform":["translate3d(139.01099%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Preact: Ideal Library for Progressive Web App

[{"selector":"#anim-a987972a-a087-4ac5-af7c-0fe701cfd760","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e12e4bdf-3b1f-4bb8-bb51-3613269dfaee","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-6497a0b9-e309-4732-90d5-78a8263d917f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-83e88a98-e2ec-4550-984e-b512cd8a0ca0","keyframes":{"transform":["translate3d(-157.00937%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0e5ae53-b609-44a1-87ef-023dff079505","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9c01ce6-815f-474e-8a6f-9c7a4b1f26ca","keyframes":{"transform":["translate3d(0px, -327.03698%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57c0f615-1684-4ed8-9b36-664d58adcb82","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b918ac7-39fd-47a5-98df-81c545ef10ce","keyframes":{"transform":["translate3d(167.14288%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Handheld Sign Learn more

Do you want to know more about these frameworks in detail ? then click on the link below for more.

[{"selector":"#anim-9b333698-97e7-4033-8766-5124eba89a7f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3ac8713a-f4a0-489b-bd01-056e41de908e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2853bf5b-1205-4093-bd04-1193ca11ee51","keyframes":{"transform":["translate3d(100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-d5f4df4d-2c41-4775-8a86-cbe9e050a040","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-fa74b2c4-b537-4c21-84ee-aa59318ece2e","keyframes":{"transform":["translate3d(-224.44442%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-485ab7ed-d235-4ad5-a925-96f14011549f","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-0e091c76-ef24-4f82-9626-c6d28516ad11","keyframes":{"transform":["translate3d(-224.44442%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-bade3035-feeb-49eb-90d7-036308ca64d5","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-4ea28bfb-af1f-4e45-8ff7-1da0d1293213","keyframes":{"transform":["translate3d(100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-3e250aaa-8964-4697-9cd9-d6159d6e606f","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] Learn more