Skip to content

A simple JavaScript typing effect project that dynamically displays different career titles with a typewriter-style animation. The text updates letter by letter, cycles through a list of careers, and restarts once it finishes the list. Great for learning DOM manipulation, JavaScript loops, and creative UI animations.

License

Notifications You must be signed in to change notification settings

droidevs/Auto-Text-Effect-Animation

Repository files navigation

Typing Effect Animation ✨

This project creates a typing effect animation using plain JavaScript. It cycles through a list of career titles and displays them letter by letter, giving the illusion of typing.


🚀 Features

  • Smooth typing effect that loops through multiple words.
  • Auto-restarts after finishing the word list.
  • Uses only HTML, CSS, and JavaScript (no libraries required).
  • Beginner-friendly and easy to customize.

📂 Project Structure

project-folder/
│── index.html       # Main HTML file
│── style.css        # Styling for the project
│── script.js        # JavaScript logic for the typing effect
│── README.md        # Project documentation

🛠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

🔧 How It Works

  1. JavaScript selects the target container element.
  2. A list of words (careers) is defined.
  3. A loop types out one character at a time.
  4. Once a word finishes, it moves to the next.
  5. The animation repeats infinitely.

📸 Demo

Typing Effect Demo

---

⚡ How to Run

  1. Clone the repository:
   git clone https://github.com/droidevs/Auto-Text-Effect-Animation.git
  1. Open index.html in your browser.
  2. Watch the typing effect in action!

📜 License

This project is licensed under the Apache 2.0 License. Feel free to use and modify it in your own projects!

About

A simple JavaScript typing effect project that dynamically displays different career titles with a typewriter-style animation. The text updates letter by letter, cycles through a list of careers, and restarts once it finishes the list. Great for learning DOM manipulation, JavaScript loops, and creative UI animations.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published