FireFly Effect on WordPress

Description

Noise is an important part of most designs when it comes to websites. It helps direct the user’s attention to certain parts of the site without overwhelming them.

I’ve recently started seeing sites use a type of Javascript animation that is really appealing to me. It’s subtle and at the same time has a huge impact on the design.

And that’s it, you now have floating pixels on your website. You can use this plugin to add particles to a photography site, add fireflies to a field background image, add water debris, stars… the list goes on, its use is only limited by your imagination. Here are a couple example sites:

The plugin is called Firefly by Motyar. It’s incredibly easy to add to your site and can really bring the design to life.

Arbitrary section

A brief Markdown Example

Screenshots

Installation

This section describes how to install the plugin and get it working.

e.g.

1. Upload firefly_wp to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Place <?php firefly_wp_setup(); ?> in your templates you want to use the plugin on.

Reviews

Excellent effect

vanMeerdervoort August 26, 2018

This is a wonderful effect and it works like a charm. (Wordpress 4.9.8) I must admit that I’d love to have seen a shortcode option and a settings page instead of having to edit theme php files. At the moment all you can do is add the plugin and accept what it looks like. Which is great! But a bit more ‘easy’ options would have been awesome. Nevertheless, it looks fantastic, hence the5 stars.

Contributors & Developers

Changelog

1.0

• First version