Skip to content

A vibrant fireworks animation using React and JavaScript that spells out user input text with colorful, particle-based effects. Fully customizable and responsive, it’s perfect for celebrating occasions with stunning visuals. Enhanced with user text input, fireworks styles selection, theme selection, and text color options.

License

Notifications You must be signed in to change notification settings

nethmiumaya/CanvasCelebration

Repository files navigation

CanvasCelebration Logo

Canvas Celebration

The CanvasCelebration project is a frontend application designed to create vibrant fireworks animations that spell out user input text with colorful, particle-based effects. It is fully customizable and responsive, making it perfect for celebrating occasions with stunning visuals. The project includes features such as user text input, fireworks styles selection, theme selection (light and dark), and text color options. The application is built using JavaScript, React, and Tailwind.

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributors
  4. License

About The Project

Desktop - 1

User Text Input:

  • Allows users to input text that will be displayed with fireworks animations.

Fireworks Styles Selection:

  • Users can choose from different styles of fireworks animations.

Theme Selection:

  • Toggle between light and dark themes to suit user preferences.

Text Color Options:

  • Customize the color of the text displayed with the fireworks animations..

(back to top)

Built With

This project was developed using a variety of modern web technologies and libraries to ensure a responsive and dynamic user experience.

  • React
  • JavaScript
  • Vite
  • Tailwind CSS
  • NPM

(back to top)

Getting Started

Follow these steps to set up the project locally and get it running on your machine. The instructions will guide you through the process of cloning the repository and configuring any required settings.

Prerequisites

Before setting up the project, make sure you have the following tools and libraries installed or configured as needed:

  • Node.js
    Required to run the project and manage dependencies via npm.

  • NPM
    Comes with Node.js. Used to install project dependencies.

Installation

Follow these steps to install and set up the project on your local machine:

  1. Clone the repository

    git clone https://github.com/nethmiumaya/CanvasCelebration.git
    
  2. Change git remote url to avoid accidental pushes to base project

    git remote set-url origin github_username/repo_name
    git remote -v # confirm the changes

(back to top)

Contributors

A big thanks to all the contributors for their amazing work! 🌟

Contributors

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

© 2025 Canvas Celebration

About

A vibrant fireworks animation using React and JavaScript that spells out user input text with colorful, particle-based effects. Fully customizable and responsive, it’s perfect for celebrating occasions with stunning visuals. Enhanced with user text input, fireworks styles selection, theme selection, and text color options.

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Packages

No packages published