{"id":4096,"date":"2021-03-05T12:17:29","date_gmt":"2021-03-05T12:17:29","guid":{"rendered":"https:\/\/brisk.uicore.co\/?page_id=4096"},"modified":"2024-02-09T13:25:13","modified_gmt":"2024-02-09T13:25:13","slug":"animations-engine","status":"publish","type":"page","link":"https:\/\/www.uicore.co\/framework\/animations-engine\/","title":{"rendered":"Animations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4096\" class=\"elementor elementor-4096\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-539af9c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"539af9c8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7137a05c\" data-id=\"7137a05c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32d5e0ce elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"32d5e0ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Animations<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ff822d7 elementor-widget__width-initial elementor-widget-tablet__width-inherit animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3ff822d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Animations are one of the most effective tools you can use on your website. The skillful use of animations can help to increase your traffic in ways that ordinary static content can&#8217;t.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13f11ac0 elementor-tablet-align-center animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"13f11ac0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/animate.uicore.co\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-496270bc\" data-id=\"496270bc\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-60bb4b9a elementor-align-center elementor-widget elementor-widget-lightbox\" data-id=\"60bb4b9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"lightbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"bdt-lightbox-60bb4b9a\" class=\"bdt-lightbox-wrapper bdt-shadow-pulse\">              \n\t\t\t<div data-bdt-lightbox=\" animation: slide; video-autoplay: true;\">\t\t\t\n\n\t\t\t    <a data-elementor-open-lightbox=\"no\" class=\"elementor-button elementor-size-md\" href=\"https:\/\/www.youtube.com\/watch?v=L6UddkUrmk8\">\n\n\t\t\t    \t\n\t\t\t\t\t\t\t\t\t    \t<span >\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa-fw fas fa-play\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\t    \t<\/a>\n\n\t\t\t\t\n\t\t\t<\/div>     \n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-422dc325 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"422dc325\" data-element_type=\"section\" data-e-type=\"section\" id=\"more\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-463e0847\" data-id=\"463e0847\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52041496 elementor-widget__width-initial elementor-widget-tablet__width-inherit animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"52041496\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">Create<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">stunning<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text\">animations in just a few clicks.<\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d93cf7 elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3d93cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Say goodbye to the hassle of manually adding animations to each widget \u2013 UiCore Animate makes it as easy as selecting the widget and auto-applying the settings. You can even reset animations with just a few clicks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e323af6 animated-fast hide-overflow elementor-invisible\" data-id=\"e323af6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09011c1 elementor-widget elementor-widget-image\" data-id=\"09011c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" data-src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp\" data-srcset=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp 1024w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-300x191.webp 300w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-768x490.webp 768w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1536x980.webp 1536w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-650x415.webp 650w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate.webp 1734w\" width=\"1000\" height=\"638\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" class=\"attachment-large size-large wp-image-7330 lazyload\" alt=\"\"  sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><noscript><img decoding=\"async\" width=\"1000\" height=\"638\" src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp\" class=\"attachment-large size-large wp-image-7330\" alt=\"\" srcset=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp 1024w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-300x191.webp 300w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-768x490.webp 768w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1536x980.webp 1536w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-650x415.webp 650w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate.webp 1734w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4245aa48 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4245aa48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4268e28f\" data-id=\"4268e28f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cf36f49 elementor-widget__width-initial animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"4cf36f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">Animate<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">every part<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text\">of your website.<\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e8bb5ec elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1e8bb5ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Give your website an extra touch while moving away from the hard cut of page loads with smooth transitions and animations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c0c2ed5 animated-fast elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"c0c2ed5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-464b275\" data-id=\"464b275\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e190d2c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e190d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Page Transitions<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Top Banner<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Header<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Submenu<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mobile Menu<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0673034\" data-id=\"0673034\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06ac23c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"06ac23c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Page Title<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Footer<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Blog<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Portfolio<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Shop<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-26f3e634 animated-fast hide-overflow elementor-invisible\" data-id=\"26f3e634\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2acc85e elementor-widget elementor-widget-video\" data-id=\"2acc85e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video data-src=\"https:\/\/cdn.uicore.co\/animations\/page-transition.mp4\" class=\"elementor-video lazyload\"  autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/uicore.co\/framework\/wp-content\/uploads\/2020\/11\/freehand-poster-scaled.jpg\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e8624f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e8624f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f4308b6\" data-id=\"f4308b6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf82ed4 elementor-widget__width-initial animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"cf82ed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">Enhance your website with<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">Smooth Scrolling.<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28b5c82 elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"28b5c82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>By eliminating abrupt jumps and replacing them with fluid transitions, smooth scrolling enhances user engagement, encourages exploration, and fosters a sense of professionalism, ultimately leaving a lasting impression on your audience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45a6378 animated-fast hide-overflow elementor-invisible\" data-id=\"45a6378\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ead126b elementor-widget elementor-widget-video\" data-id=\"ead126b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video data-src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/smooth-scroll.mp4\" class=\"elementor-video lazyload\"  autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/uicore.co\/framework\/wp-content\/uploads\/2020\/11\/freehand-poster-scaled.jpg\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-577f021 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"577f021\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2edc503\" data-id=\"2edc503\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9f85bfc elementor-widget__width-initial animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"9f85bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">Engage & impress with<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">Fluid Gradient<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text\">Animations.<\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce48c0f elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ce48c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Transform the static into the dynamic with fluid gradient animations. Elevate the visual appeal of your website, captivating your audience with seamless transitions and mesmerizing color blends.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1e64d09 animated-fast hide-overflow elementor-invisible\" data-id=\"1e64d09\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86a60ea elementor-widget elementor-widget-video\" data-id=\"86a60ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video data-src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/fluid-gradient.mp4\" class=\"elementor-video lazyload\"  autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/uicore.co\/framework\/wp-content\/uploads\/2020\/11\/freehand-poster-scaled.jpg\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1775635 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1775635\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f2e1dba\" data-id=\"f2e1dba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0ab081d elementor-widget__width-initial animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"0ab081d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">Wide range of<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">Animation Styles.<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b375409 elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b375409\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Select your style: explore a range of packs offering various animation styles for your website enhancement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-46200ba animated-fast hide-overflow elementor-invisible\" data-id=\"46200ba\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-95572f6 elementor-widget elementor-widget-image\" data-id=\"95572f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-1024x671.webp\" data-srcset=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-1024x671.webp 1024w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-300x197.webp 300w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-768x504.webp 768w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-650x426.webp 650w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style.webp 1528w\" width=\"1000\" height=\"655\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" class=\"attachment-large size-large wp-image-7337 lazyload\" alt=\"\"  sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"655\" src=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-1024x671.webp\" class=\"attachment-large size-large wp-image-7337\" alt=\"\" srcset=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-1024x671.webp 1024w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-300x197.webp 300w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-768x504.webp 768w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style-650x426.webp 650w, https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animation-style.webp 1528w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c81f17a elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c81f17a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-08016ab\" data-id=\"08016ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f081b26 elementor-widget__width-initial animated-fast ui-e-a-animate elementor-invisible elementor-widget elementor-widget-highlighted-text\" data-id=\"f081b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"ui-e--highlighted-text\" >\n        <span class=\"ui-e-headline-text\">One<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text ui-e-headline-color\">\n\t\t\t\t\t\t\t<span class=\"ui-e-headline-text ui-e-headline-highlighted\">panel<\/span>\n\t\t\t\t\t\t\t<span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span>\n\t\t\t\t\t\t<\/span><span class=\"whitespace\"> <\/span><span class=\"ui-e-headline-text\">to control everything<\/span>        <\/h2>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc5658 elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3cc5658\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With UiCore Animate, all animations can be controlled in a single page, with intuitive settings and precise controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6e6d43d animated-fast hide-overflow elementor-invisible\" data-id=\"6e6d43d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8527e08 elementor-widget elementor-widget-video\" data-id=\"8527e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video data-src=\"https:\/\/cdn.uicore.co\/animations\/animations-panel.mp4\" class=\"elementor-video lazyload\"  autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/uicore.co\/framework\/wp-content\/uploads\/2020\/11\/freehand-poster-scaled.jpg\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Animations Animations are one of the most effective tools you can use on your website. The skillful use of animations can help [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4096","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Animations - UiCore Framework<\/title>\n<meta name=\"description\" content=\"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uicore.co\/framework\/animations-engine\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animations - UiCore Framework\" \/>\n<meta property=\"og:description\" content=\"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uicore.co\/framework\/animations-engine\/\" \/>\n<meta property=\"og:site_name\" content=\"UiCore Framework\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-09T13:25:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/\",\"url\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/\",\"name\":\"Animations - UiCore Framework\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/animate-1024x653.webp\",\"datePublished\":\"2021-03-05T12:17:29+00:00\",\"dateModified\":\"2024-02-09T13:25:13+00:00\",\"description\":\"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/animate.webp\",\"contentUrl\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/animate.webp\",\"width\":1734,\"height\":1106},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/animations-engine\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/#website\",\"url\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/\",\"name\":\"UiCore Framework\",\"description\":\"Core plugin for UiCore themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uicore.co\\\/framework\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animations - UiCore Framework","description":"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uicore.co\/framework\/animations-engine\/","og_locale":"en_US","og_type":"article","og_title":"Animations - UiCore Framework","og_description":"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.","og_url":"https:\/\/www.uicore.co\/framework\/animations-engine\/","og_site_name":"UiCore Framework","article_modified_time":"2024-02-09T13:25:13+00:00","og_image":[{"url":"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/","url":"https:\/\/www.uicore.co\/framework\/animations-engine\/","name":"Animations - UiCore Framework","isPartOf":{"@id":"https:\/\/www.uicore.co\/framework\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/#primaryimage"},"image":{"@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate-1024x653.webp","datePublished":"2021-03-05T12:17:29+00:00","dateModified":"2024-02-09T13:25:13+00:00","description":"Animations are one of the most effective tools you can use on your website. The skillful use of it can help increase your website traffic.","breadcrumb":{"@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uicore.co\/framework\/animations-engine\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/#primaryimage","url":"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate.webp","contentUrl":"https:\/\/www.uicore.co\/framework\/wp-content\/uploads\/2024\/02\/animate.webp","width":1734,"height":1106},{"@type":"BreadcrumbList","@id":"https:\/\/www.uicore.co\/framework\/animations-engine\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uicore.co\/framework\/"},{"@type":"ListItem","position":2,"name":"Animations"}]},{"@type":"WebSite","@id":"https:\/\/www.uicore.co\/framework\/#website","url":"https:\/\/www.uicore.co\/framework\/","name":"UiCore Framework","description":"Core plugin for UiCore themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uicore.co\/framework\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/pages\/4096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/comments?post=4096"}],"version-history":[{"count":39,"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/pages\/4096\/revisions"}],"predecessor-version":[{"id":7340,"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/pages\/4096\/revisions\/7340"}],"wp:attachment":[{"href":"https:\/\/www.uicore.co\/framework\/wp-json\/wp\/v2\/media?parent=4096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}