Animated WordPress Themes: 7 Picks and Their Speed Cost
Some links on this page are affiliate links. If you buy through one, WPNeon earns a commission at no extra cost to you. It does not change what we recommend — see how we review.
Divi is the animated WordPress theme most people should buy, at $89 a year or $249 once for unlimited sites, because its builder puts effect type, duration, delay and trigger on every individual element rather than burying motion in a theme-wide setting. That per-element control is what separates a site that feels polished from one that feels slow, and it is also how you switch an effect off when it turns out to be hurting your page speed score.
Which animated theme should you buy?
| Theme | Price | Built on | Signature motion | Where you switch it off |
|---|---|---|---|---|
| Divi | $89/yr or $249 once | Divi Builder | Per-element entrance animation, scroll effects | Animation tab on each module |
| Ultra | $59 single, $89/yr club | Themify Builder (built in) | Full-section scrolling, animated colour changes | Row and module style options |
| Impreza | $69 once | Live Builder, WPBakery optional | Motion paired with a JS and CSS size optimiser | Per-element design settings |
| Uncode | $59 once | Custom WPBakery build | Lottie animations, Ken Burns, marquee text | Row and module animation settings |
| Salient | $60 once | Custom WPBakery build | Multi-layer mouse parallax, page transitions | Parallax is an option per image |
| BeTheme | $69 once | BeBuilder, WPBakery, Elementor | 700+ pre-built sites with motion already set | Whichever builder you chose |
| TheGem | $59 once | WPBakery and Elementor | 40+ entrance and exit animations, animated headings | Per-element animation picker |
Prices checked September 2026.
How does motion actually get onto a WordPress page?
There are three routes, and they differ in how much control you get and how much weight they add.
- Built into the theme. Entrance animations, parallax sections and hover effects configured from theme options. Least effort and least control, and the effects leave with the theme if you ever switch.
- Page builder settings. Divi, Elementor, WPBakery and Themify Builder all expose effect type, duration, delay and trigger per element, so you animate individual modules rather than whole sections. This is where most real motion design on WordPress happens.
- Your own CSS and JavaScript. Full control and the smallest payload if written carefully. It is also the only route that survives a theme change, because it lives in a child theme or a custom CSS file.
Most WordPress motion is scroll-triggered: an element fades, slides or scales as it enters the viewport. Two rules keep it from looking cheap. Animate only the elements that carry meaning, and keep durations short. Somewhere around 200 to 400 milliseconds reads as polish; much longer reads as lag. Our guide to WordPress animation plugins and practice goes further into the technique.
What does animation cost you in performance?
Animation is not free, and which property you animate matters more than how many animations you have. Animating transform and opacity is cheap, because the browser hands those to the GPU. Animating width, height, top or left forces a layout recalculation on every frame, which is what makes an animated site feel sluggish on a mid-range phone.
Above-the-fold animation carries a second cost. Content that fades in cannot be painted immediately, so a hero animation works directly against your Largest Contentful Paint score. Keep the hero static, or animate it only after it has rendered. Heavy parallax is the worst offender here, and if your Core Web Vitals already sit near the threshold, a parallax hero is usually what tips them over. If speed is the priority, our list of the fastest WordPress themes is the better starting point.
Respect prefers-reduced-motion
A meaningful share of visitors have “reduce motion” switched on at the operating-system level, often because motion triggers migraine, nausea or vestibular symptoms. Browsers expose that preference as the prefers-reduced-motion media query, and honouring it is an accessibility requirement rather than a nicety. Very few WordPress themes do it on their own, so it is worth adding yourself whichever theme you choose:
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
Paste that into Appearance, then Customise, then Additional CSS. The site keeps its animations for everyone else and goes still for the people who have asked for that. This is also the one off switch that works on any theme on this page.
#1. Divi
Divi is $89 a year or $249 as a one-off, both covering unlimited sites. Every module carries its own animation tab, which is the practical reason to choose it: you can give the one element that matters a fade-up and leave everything else static, then remove it in two clicks when your speed score complains.
The limitation is builder weight. Divi outputs more CSS and JavaScript than a lightweight theme with an equivalent design, so you are spending part of your performance budget before adding any motion at all. Our Divi review covers what Divi 5 changed there.
#2. Ultra
Ultra from Themify is $59 for the standard single-theme licence, $69 with PSD files, or $89 a year for the Master Club that includes every Themify product. Its Themify Builder is part of the theme rather than a separate plugin, and full-section scrolling, animated colour transitions and image filters are its signature effects.
The limitation is portability. Because the builder ships with the theme, layouts and motion settings do not travel if you move to a different theme later. Our Themify Ultra review weighs that against the price.
#3. Impreza
Impreza is $69 on ThemeForest with 120,198 sales, a 4.88 rating and a 1 September 2026 update, the highest rating of the seven. It is the pick for anyone who wants motion but refuses to give up their page speed score, because alongside its Live Builder it ships lazy loading, adaptive images and a JavaScript and CSS size optimiser.
The limitation is that the optimiser is a mitigation, not magic. Stack enough parallax on a hero section and Impreza slows down like anything else.
#4. Uncode
Uncode is $59 with 138,101 sales, a 4.89 rating and a 1 September 2026 update. It has the widest motion vocabulary here: Lottie animations, Ken Burns and zoom backgrounds, animated headings, blend modes, marquee text and slide-scroll sections.
The limitation is the builder underneath. Uncode runs a customised version of WPBakery, which is an older architecture than the block editor, and moving an Uncode page to another theme leaves you with shortcode debris to clean up.
#5. Salient
Salient is $60 with 171,268 sales and a 4.81 rating, last updated 1 June 2026. Its distinctive effect is multi-layer mouse-based parallax, where a scene reacts to cursor movement rather than scroll, plus full page transitions between pages.
That is also the honest warning. Mouse parallax and page transitions are the two heaviest things on this page, and both run before the visitor has read anything. Use them on a portfolio or an agency site where the effect is the product, not on a site that needs to rank for commercial queries.
#6. BeTheme
BeTheme is $69 and the biggest seller of the group by a distance, with 336,853 sales, a 4.82 rating and an update on 4 September 2026. It ships more than 700 pre-built websites, each with its motion already configured, and lets you build with its own BeBuilder, WPBakery or Elementor.
The limitation is the sheer size of it. A theme carrying 700 demos and 2,000 importable page designs has a large settings surface, and finding the one toggle you need takes longer than it should.
#7. TheGem
TheGem is $59 with 86,855 sales, a 4.87 rating and a 20 August 2026 update. It offers more than 40 entrance and exit animations chosen per element, plus animated headings that reveal by line or by word, and it runs on either WPBakery or Elementor rather than locking you to one.
The limitation is that its 150-plus demo pages lean heavily on those animated headings, so importing a demo wholesale gives you far more motion than a typical business site should carry. Strip most of it out.
Which should you pick?
For most sites, Divi at $89 a year. Per-element animation controls, unlimited sites on one licence, and the largest community to ask when an effect misbehaves.
For a site that has to stay fast, Impreza at $69. It is the only theme here that pairs its motion features with a built-in script and stylesheet optimiser, and its 4.88 rating is the highest of the seven.
The one to approach with care is Salient. Mouse-based parallax and full page transitions look superb in a demo and are the two effects most likely to wreck your Largest Contentful Paint on a mid-range phone. It is a fine choice for a portfolio and a poor one for a site that lives on search traffic.
There is a fourth option none of these vendors will mention: a lightweight theme plus a builder’s animation controls. Astra is free with Pro at $69 a year, Blocksy is free with Pro at $69 a year, and either paired with Elementor gives you the same per-element motion settings on a much smaller base payload. You give up the pre-built demos and gain a page that passes Core Web Vitals without a fight.
Frequently asked questions
Do animated WordPress themes slow down your site?
Yes, though the size of the penalty depends on what is animated rather than how much. Effects built on transform and opacity are handled by the GPU and cost very little. Animations that change width, height, top or left force the browser to recalculate layout on every frame, and those are what make a site feel sluggish on a mid-range phone.
Can you turn off animations in a WordPress theme?
In every theme on this page the motion is set per element inside the page builder, so removing an effect means clearing that setting on the element rather than hunting for a global switch. The one universal off switch is a prefers-reduced-motion block in Additional CSS, which stops animation for visitors who have asked their operating system to reduce motion.
Does parallax scrolling hurt Core Web Vitals?
A parallax hero usually does. Content that animates in above the fold cannot be painted immediately, which pushes back your Largest Contentful Paint, and parallax repaints on every scroll frame. Parallax further down the page is far less damaging because the main content has already rendered by the time the visitor reaches it.
How much do animated WordPress themes cost?
Between $59 and $89. Uncode and TheGem are $59, Salient is $60, Impreza and BeTheme are $69, and Divi is $89 a year or $249 as a one-off. The ThemeForest prices are single payments that include lifetime updates and six months of support.
Which animated theme is best for a portfolio site?
Salient at $60, because its multi-layer mouse parallax and page transitions are exactly the sort of effect a creative portfolio is judged on. Those same effects are the reason to avoid it on a business site that depends on search traffic, where the performance cost outweighs the impression.
@
In this blog you have highlighted many plugins of WordPress site animation. You like my BeTheme, Impreza, Ohio, Massive Dynamic, TheFox and Pitch. Thanks for sharing this content.