BananaClicker Svelte Themes

Bananaclicker

Banana Clicker is a fun, browser-based idle clicker game where you click bananas, earn banana points, unlock upgrades, and grow your banana clicks! Built with Svelte and vanilla JavaScript, this game is lightweight, responsive, and easy to play on any modern web browser.

og-image

Banana Clicker šŸŒ

Banana Clicker is a fun, browser-based idle clicker game where you click bananas, earn banana points, unlock upgrades, and grow your banana clicks! Built with Svelte and vanilla JavaScript, this game is lightweight, responsive, and easy to play on any modern web browser.


Demo

Check out the live demo: https://bananaclicker.cosmicfi.dev


Features

  • šŸŒ Click bananas to earn banana points šŸ˜‚
  • ⚔ Upgrade your click power and auto-clicker abilities
  • šŸŽ‰ Fun and playful particle effects
  • šŸŽµ Background music and sound effects with toggle options
  • šŸŽØ Colorful and responsive design with playful fonts
  • šŸ–„ļø Runs in any modern browser without installation

Installation

To run the project locally:

  1. Clone the repository:
git clone https://github.com/yourusername/BananaClicker.git
cd BananaClicker
  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:5000 in your browser.

Usage

  • Click on the banana šŸŒ to earn banana points.
  • Use the upgrade menu to increase bananas per click or auto-clicker power.
  • Toggle sound effects and background music in the settings panel.
  • Watch particles fly every time you click for extra visual feedback.

Project Structure

BananaClicker/
│
ā”œā”€ public/
│   ā”œā”€ build/          # Compiled JS/CSS bundle
│   ā”œā”€ bananaParticles/ # Banana images for particles
│   ā”œā”€ sfx/            # Sound effects
│   ā”œā”€ favicon.png
│   ā”œā”€ og-image.png
│   └─ index.html
│
ā”œā”€ src/
│   ā”œā”€ App.svelte
│   ā”œā”€ main.js
│   └─ stores/
│       └─ playerStore.js
│
ā”œā”€ package.json
└─ rollup.config.js

Technologies Used

  • Svelte 4 – UI framework
  • Rollup – Module bundler
  • CSS – Styling
  • JavaScript – Game logic
  • Audio/Particles – Fun interactive effects
  • Fonts – Comic Neue & playful fonts

Contributing

Contributions are welcome! Feel free to:

  • Suggest new features
  • Report bugs
  • Fork the project and submit pull requests

Please follow standard GitHub workflow and respect coding style.


License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes