Title: FireFly Effect on WordPress
Author: Motyar D
Published: <strong>December 26, 2012</strong>
Last modified: December 26, 2012

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/firefly-effect-jquery.svg)

# FireFly Effect on WordPress

 By [Motyar D](https://profiles.wordpress.org/motyar/)

[Download](https://downloads.wordpress.org/plugin/firefly-effect-jquery.zip)

 * [Details](https://pcd.wordpress.org/plugins/firefly-effect-jquery/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/firefly-effect-jquery/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/firefly-effect-jquery/#installation)
 * [Development](https://pcd.wordpress.org/plugins/firefly-effect-jquery/#developers)

 [Support](https://wordpress.org/support/plugin/firefly-effect-jquery/)

## 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](http://motyar.blogspot.in/2010/04/firefly-jquery-animation-plugin.html).
It’s incredibly easy to add to your site and can really bring the design to life.

### Arbitrary section

### A brief Markdown Example

## Screenshots

 * [[
 * First
 * [[
 * Second

## 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

![](https://secure.gravatar.com/avatar/86501f9dd8993d8b74b6c37b779bdffae6975b5591e5214e0eb3eb6dda84c3ab?
s=60&d=retro&r=g)

### 󠀁[Excellent effect](https://wordpress.org/support/topic/excellent-effect/)󠁿

 [vanMeerdervoort](https://profiles.wordpress.org/creavince/) 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.

 [ Read all 4 reviews ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/)

## Contributors & Developers

“FireFly Effect on WordPress” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ Motyar D ](https://profiles.wordpress.org/motyar/)

[Translate “FireFly Effect on WordPress” into your language.](https://translate.wordpress.org/projects/wp-plugins/firefly-effect-jquery)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/firefly-effect-jquery/),
check out the [SVN repository](https://plugins.svn.wordpress.org/firefly-effect-jquery/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/firefly-effect-jquery/)
by [RSS](https://plugins.trac.wordpress.org/log/firefly-effect-jquery/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

 * First version

## Meta

 *  Version **1.0**
 *  Last updated **13 years ago**
 *  Active installations **20+**
 *  WordPress version ** 3.0.1 or higher **
 *  Tested up to **3.4.2**
 *  Language
 * [English (US)](https://wordpress.org/plugins/firefly-effect-jquery/)
 * Tags
 * [animation](https://pcd.wordpress.org/plugins/tags/animation/)[effect](https://pcd.wordpress.org/plugins/tags/effect/)
   [jquery](https://pcd.wordpress.org/plugins/tags/jquery/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/firefly-effect-jquery/advanced/)

## Ratings

 4 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/firefly-effect-jquery/reviews/)

## Contributors

 *   [ Motyar D ](https://profiles.wordpress.org/motyar/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/firefly-effect-jquery/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://motyar.info/donate/)