Copy-and-paste JavaScript animations, effects and toys to use in your WordPress projects. A mixture of jQuery and native JavaScript.
Add text-reveal animations to input, search and text area placeholders on your WordPress site with this short copy-and-paste tutorial. It’s a neat UX enhancement for pages where you want to draw the user’s attention to an input box.
Turn the regular WordPress gallery block into a series of CSS-animated link-tiles. It’s a fun way to add bling to your site without slowing down the page-load. We’ll set it up so all we need to do is add the “animated-gallery-links” class to any gallery block we want to animate.
Learn how to create a lightweight JavaScript accordion for WordPress blocks without installing a plugin. It’s an easy-to-follow tutorial and the code can be customised to fit into your projects.
Create a scrolling text marquee banner, like a news-ticker, for your WordPress site with this copy-and-paste tutorial. Supports scrolling to the right for Arabic languages. No plugins required.
Learn how to create an animated text-reveal effect for your WordPress projects. A fun copy-and-paste JavaScript tutorial.
We’re going to use the Rellax JS parallax scrolling library to create the effect of rising bubbles, as the reader scrolls down the page.
Add an always-on-top floating button to your WordPress site that displays a fully customisable popup panel when clicked. The whole thing will be mobile-first responsive.
Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.
This lightweight copy-and-paste tutorial show you how to create a parallax image scrolling effect in WordPress, without installing a plugin. Suitable for beginners and developers.
This tutorial shows you how to convert the standard WordPress gallery into a fading slideshow. We’ll use some PHP and core JavaScript – it’s super-lightweight.
Create a custom WordPress animated typewriter effect you can add to your hero sections, or to your posts. No plugin required.
Learn how to animate any WordPress block on scroll. There’s very little code and you can add it to any WordPress site without a plugin.
Create a scrolling post carousel for your WordPress site. SEO friendly and it can handle custom post types & WooCommerce products.
Learn how to make a simple animated counter with a WordPress PHP shortcode and some JavaScript/jQuery for the front-end.