https://github.com/karl-horning/computer-svg-animation

Welcome to the "Computer SVG Animation" project! This repository showcases an engaging SVG animation of a computer, brought to life through GSAP (GreenSock Animation Platform). Experience the fusion of creativity and technology with this visually captivating representation.
https://github.com/karl-horning/computer-svg-animation

front-end-design gsap interactive-graphics svg-animations web-development

Last synced: about 6 hours ago
JSON representation

Welcome to the "Computer SVG Animation" project! This repository showcases an engaging SVG animation of a computer, brought to life through GSAP (GreenSock Animation Platform). Experience the fusion of creativity and technology with this visually captivating representation.

• Host: GitHub
• URL: https://github.com/karl-horning/computer-svg-animation
• Owner: Karl-Horning
• License: mit
• Created: 2024-01-05T22:27:36.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-05T23:58:18.000Z (10 months ago)
• Last Synced: 2024-01-06T23:51:07.288Z (10 months ago)
• Topics: front-end-design, gsap, interactive-graphics, svg-animations, web-development
• Language: HTML
• Homepage: https://codepen.io/karlhorning/pen/OJqNMVR
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Computer SVG Animation

![Preview Image](./src/img/preview.png)

## Table of Contents

- [Overview](#overview)

- [Demo](#demo)

- [Features](#features)

- [Installation](#installation)

- [Usage](#usage)

- [Contributing](#contributing)

- [Acknowledgments](#acknowledgments)

- [License](#license)

- [Author](#author)

## Overview

Welcome to the "Computer SVG Animation" project! This repository showcases an engaging SVG animation of a computer, brought to life through GSAP (GreenSock Animation Platform). Experience the fusion of creativity and technology with this visually captivating representation.

## Demo

Check out the live demo on CodePen: [Computer SVG Animation](https://codepen.io/karlhorning/pen/OJqNMVR)

## Features

- Intricate SVG animation

- Seamless integration with GSAP for smooth transitions

- Playful representation of a computer coming to life

## Installation

To run this project locally, follow these steps:

1. Clone the repository: `git clone https://github.com/Karl-Horning/computer-svg-animation.git`

2. Navigate to the project directory: `cd computer-svg-animation`

3. Open `index.html` in your preferred web browser.

## Usage

Simply open the `index.html` file in a web browser and click the "Play Now" button to experience the mesmerizing animation.

## Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

## Acknowledgments

- Original SVG and animation from [Lewis Menelaws](https://medium.com/@LewisMenelaws/how-to-create-beautiful-svg-animations-easily-610eb2690ac3)

- [Monitor SVG Animation](https://codepen.io/lewismenelaws/pen/ypKjpd) CodePen by Lewis Menelaws

- [GSAP (GreenSock Animation Platform)](https://greensock.com/) for providing powerful animation tools

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Author

**Karl Horning:**

- [GitHub](https://github.com/Karl-Horning/)

- [LinkedIn](https://www.linkedin.com/in/karl-horning/)

- [CodePen](https://codepen.io/karlhorning)