Announcing Dash Particles: Interactive Particle Animations for Dash

Announce the release of Dash Particles, a new component library that brings beautiful, interactive particle animations to your Dash applications!

What is Dash Particles?

Dash Particles is a wrapper around the powerful tsParticles JavaScript library, making it seamlessly available in Dash (only published for python, but probably easy to publish in R, julia). It allows you to create stunning interactive visual effects like the below:
particles_demo_repulse
particles_demo_bubbles
particles_demo

Installation

pip install dash-particles

Example Usage

import dash
from dash import html
import dash_particles

app = dash.Dash(__name__)

app.layout = html.Div([
    html.H1("My App with Particles"),
    
    dash_particles.DashParticles(
        id="particles",
        options={
            "background": {
                "color": {"value": "#0d47a1"}
            },
            "particles": {
                "color": {"value": "#ffffff"},
                "number": {"value": 80},
                "links": {"enable": True}
            }
        },
        height="400px",
        width="100%"
    )
])

if __name__ == '__main__':
    app.run(debug=True)

More configuration at Github

This is my first dash component and python package, so feedback is appreciated. I wanted this for a login screen on a dash app.

4 Likes