✦ ShivAnimate

Animate any word. Watch it explode in 3D.

A fun, production-ready web app that lets users type a word (up to 9 characters), choose an animation style, and share a public link that anyone can view — no login required to view shared animations.

---

✨ Features

Feature	Details
🔤 Word Animator	Type up to 9 characters and animate them
🎨 20 Animation Styles	Pop, Wave, Glitch, Fire, Spin, Rainbow, Orbit, Chrome, Matrix, Storm, Neon, Fracture, Vortex, Pulse, Float, Jelly, Ghost, Blacklight, Hyper, Disco
🔗 Public Share Link	Hash-based URL — anyone can view, no login needed
🌙 Dark / Light Mode	Toggleable, defaults to dark
📱 Responsive	Works great on mobile and desktop

---

🚀 Getting Started

1. Clone the repo

git clone https://github.com/Lottie128/shivanimate.git
cd shivanimate

2. Run locally

Simply open index.html in your browser. No server or build step required.

---

🎮 How It Works

User visits site
  ↓
Animate view: type a word → choose style → click Animate
  ↓
Word animates letter-by-letter in the stage
  ↓
Share bar shows a link: https://yoursite.com/#animate/HELLO/pop
  ↓
Anyone who opens that link sees the animation — no login needed

Share Link Format

https://yoursite.com/#animate/{WORD}/{STYLE}

---

🛠 Tech Stack

Layer	Tech
Frontend	Vanilla HTML/CSS/JS — Three.js for 3D
Hosting	Vercel (Static)

---

📁 Project Structure

shivanimate/
├── index.html       ← Entire app (animations only)
├── portfolio.html   ← Personal portfolio of Shivteg
├── README.md
└── vercel.json      ← Static routing config

---

🔧 Customization

• Add more styles: Extend STYLE_COLORS, add a chip, and add a case in applyLetterEffect
• Change colors: Edit STYLE_COLORS and RAINBOW in JS

---

📜 License

MIT — free to use, remix, and deploy.

---

Built with ✦ by Zero AI Technologies