Skip to content

About

๐ŸŒต A fun CSS animation project featuring a dancing cactus โ€” built purely with HTML & CSS.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

ย 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒต Dancing Cactus

๐ŸŽ™๏ธ Say something. Watch the cactus repeat it in a funny voice and dance! ๐Ÿ’ƒ๐ŸŒต

A simple, fun, browser-based Talking Dancing Cactus that listens to your voice, repeats it in a funny high-pitched voice, and dances when you interact with it.

๐ŸŽฎ Try It Now

No account. No download. No setup. Just open and play.


โœจ What Can It Do?

  • ๐ŸŽ™๏ธ Talk to the cactus using your microphone
  • ๐Ÿฟ๏ธ Funny voice โ€” your recording is played back with a playful voice effect
  • ๐Ÿ’ƒ Dancing animation โ€” the cactus dances while responding
  • ๐Ÿ‘† Tap the cactus to make it dance and replay your last recording
  • โœจ Sparkle effects when you interact with it
  • ๐Ÿ“ฑ Mobile-friendly and responsive
  • ๐Ÿ’ป Works in modern desktop browsers
  • ๐Ÿ  Can be added to your phone's Home Screen like an app
  • โ™ฟ Supports reduced-motion preferences

๐Ÿ•น๏ธ How to Use

1. ๐ŸŽ™๏ธ Press the Talk button

Open the Dancing Cactus and tap the Talk button.

When your browser asks for microphone permission, choose Allow.

2. ๐Ÿ—ฃ๏ธ Say something

Say anything you want.

For example:

"Hello Cactus!" ๐ŸŒต

The cactus will record your voice for a few seconds.

3. ๐Ÿ˜‚ Listen to the funny reply

After recording, the cactus plays your voice back with a funny, high-pitched effect.

4. ๐Ÿ’ƒ Tap the cactus

Tap or click the cactus itself.

It will dance and replay your most recent recording.


๐Ÿ“ฑ Use It Like an App

You don't necessarily need to install an APK.

On a supported mobile browser:

  1. Open the Dancing Cactus
  2. Open the browser menu โ‹ฎ
  3. Choose Add to Home screen or Install app
  4. Launch it from your Home Screen

It can then feel much more like a standalone app. ๐ŸŒต๐Ÿ“ฑ


๐ŸŽค Microphone Permission

The microphone is only needed when you use the voice-recording feature.

If the cactus doesn't hear you:

  • Check that microphone permission is allowed
  • Make sure another app isn't blocking microphone access
  • Try opening the site in a modern browser such as Chrome or Edge
  • Make sure you're using the secure HTTPS version of the site

๐Ÿ” Privacy

Dancing Cactus does not require an account or login.

The project is designed to perform its main functionality directly in your browser. There is no application-specific backend or database required for normal use.


๐ŸŒ Browser Support

Dancing Cactus is designed for modern browsers that support microphone recording and the required Web APIs.

Recommended:

  • ๐Ÿ“ฑ Google Chrome
  • ๐Ÿ“ฑ Microsoft Edge
  • ๐Ÿ’ป Chrome
  • ๐Ÿ’ป Edge
  • ๐ŸŽ Safari on supported devices

Microphone behavior can vary between browsers and devices.


๐Ÿ“ธ Preview

๐ŸŒต Talk โ†’ ๐ŸŽ™๏ธ Record โ†’ ๐Ÿ˜‚ Funny Voice โ†’ ๐Ÿ’ƒ Dance

The whole experience is intentionally simple: open it, talk to the cactus, and have fun.


๐Ÿ› ๏ธ Built With

This project is made with standard web technologies:

  • HTML5
  • CSS3
  • JavaScript
  • SVG
  • Web APIs
  • PWA support
  • GitHub Pages

No backend or database is required.


๐Ÿ“‚ Project Structure

dancing-cactus/
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ style.css
โ”œโ”€โ”€ script.js
โ”œโ”€โ”€ manifest.json
โ”œโ”€โ”€ sw.js
โ”œโ”€โ”€ icons/
โ”‚   โ”œโ”€โ”€ icon-192.png
โ”‚   โ”œโ”€โ”€ icon-512.png
โ”‚   โ””โ”€โ”€ icon-maskable-512.png
โ””โ”€โ”€ README.md

๐Ÿ‘จโ€๐Ÿ’ป Developer

Mohiuddin Ramzan


โญ Like It?

If you enjoyed the Dancing Cactus:

โญ Star the repository
๐Ÿ”— Share it with your friends
๐ŸŒต And say something to the cactus!


๐Ÿ“„ License

This project is provided as an open-source personal project. See the repository for the current licensing information.


๐ŸŒต๐ŸŽ™๏ธ Talk to it. ๐Ÿ˜‚ Listen to it. ๐Ÿ’ƒ Watch it dance.

๐Ÿš€ Launch Dancing Cactus

Made with โค๏ธ and JavaScript by Mohiuddin Ramzan

About

๐ŸŒต A fun CSS animation project featuring a dancing cactus โ€” built purely with HTML & CSS.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages