Skip to content

Interactive blockchain-styled particle effect using JavaScript for dynamic and captivating user interfaces.

License

Notifications You must be signed in to change notification settings

sherwinvishesh/Blockchain-Effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blockchain Effect

Check it out at this links (CLICK HERE)

Overview

Blockchain Effect is a dynamic and interactive web effect, inspired by the aesthetics of blockchain technology. Utilizing JavaScript, this project enhances web interfaces with an engaging blockchain-style particle system.

Features

  • Interactive Particles: Users can interact with the particles through mouse movements, creating an immersive experience.
  • Blockchain Aesthetics: Designed to mimic the interconnectedness of blockchain networks.
  • Dynamic Interactions: Supports interactions such as hovering and clicking to generate more particles.
  • Lightweight and Customizable: Easy to integrate and customize for various web projects.

Implementation

To implement the Blockchain Effect in your project, follow these steps:

  1. Clone this repository.
git clone https://github.com/sherwinvishesh/Blockchain-Effect.git
cd Blockchain-Effect
  1. Include blockchain-effect.js in your project.
  2. Add <div id="particles-js"> to the div where yo add this effect
  3. Remember to add <script src="./blockchain-effect.js"></script> before </body> in HTML
  4. Also, remember to add this to your CSS
#particles-js {
  position: fixed; 
  top: 0;          
  left: 0;         
  width: 100%;     
  height: 100%;    
  z-index: 0;   
}

Example

To include the Blockchain Effect in your website, simply integrate the blockchain-effect.js into your HTML structure. Below is an example of how it can be done:

<!DOCTYPE html>
<html>
<head>
    <title>Your Webpage Title</title>
    <!-- Other head elements -->
</head>
<body>
    <div id="particles-js">
    <!-- Your HTML content -->

    <!-- Blockchain Effect Script -->
    <script src="path/to/blockchain-effect.js"></script>
    </div>
</body>
</html>

Contributing

Contributions to enhance Blockchain Effect are welcomed. Please feel free to fork the repository, make changes, and submit pull requests.

Support

If you encounter any issues or have any questions, please submit an issue on the GitHub issue tracker or feel free to contact me.

License

This project is licensed under MIT

Acknowledgements

  • Thanks to everyone who visits and uses this page. Your interest and feedback are what keep us motivated.
  • Special thanks to all the contributors who help maintain and improve the Blockchain Effect. Your dedication and hard work are greatly appreciated.
  • Special acknowledgment to Vincent Garreau for his project particles.js. It served as a significant inspiration for the Blockchain Effect, demonstrating the powerful impact of interactive web elements.

Connect Me

Feel free to reach out and connect with me on LinkedIn or Instagram.


Made with ❤️ by Sherwin