Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gmpsankalpa/fireworks

Fireworks animation using CSS canvas. 🎆🎇
https://github.com/gmpsankalpa/fireworks

canvas css fireworks-animation html javascript

Last synced: about 10 hours ago
JSON representation

Fireworks animation using CSS canvas. 🎆🎇

Awesome Lists containing this project

README

        

# Fireworks

Fireworks is a simple web application that generates animated fireworks effects using HTML, CSS, and JavaScript.

## Table of Contents

- [Demo](#demo)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)

## Demo

You can see a live demo of Fireworks [here](#).

## Features

- Animated fireworks effects.
- Customizable colors and sizes.
- Responsive design.

## Installation

To run Fireworks locally, follow these steps:

1. Clone this repository to your local machine:

```bash
git clone https://github.com/gmpsankalpa/fireworks

2. Navigate to the project directory:

```bash
cd fireworks

3. Open `index.html` in your web browser.

## Usage

Once you've installed Fireworks, simply open the `index.html` file in your web browser to see the fireworks animation.

You can customize the fireworks effects by modifying the CSS variables in the `style.css` file. Feel free to experiment with different colors, sizes, and animation durations to create your own unique fireworks display.

## Contributing

Contributions are welcome! If you'd like to contribute to Fireworks, please follow these steps:

1. Fork this repository.
2. Create a new branch: `git checkout -b feature`
3. Make your changes and commit them: `git commit -am 'Add new feature'`
4. Push to the branch: `git push origin feature`
5. Submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).

---



Repo Details 🤙

![repo size](https://img.shields.io/github/repo-size/gmpsankalpa/fireworks?label=Repo%20Size&style=for-the-badge&labelColor=black&color=20bf6b)
![GitHub forks](https://img.shields.io/github/forks/gmpsankalpa/fireworks?&labelColor=black&color=0fb9b1&style=for-the-badge)
![GitHub stars](https://img.shields.io/github/stars/gmpsankalpa/fireworks?&labelColor=black&color=f7b731&style=for-the-badge)
![GitHub LastCommit](https://img.shields.io/github/last-commit/gmpsankalpa/fireworks?logo=github&labelColor=black&color=d1d8e0&style=for-the-badge)



Deploy status badge 🤖



[![Netlify Status](https://api.netlify.com/api/v1/badges/f8c54f31-10f6-42a4-80e6-342090a3c60e/deploy-status)](https://app.netlify.com/sites/gmp-fireworks/deploys)