# 🎮🕹️👾 - Playstation 4 User Interface - made with HTML, Javascript and pure CSS

![Screenshot](screenshot.png)

## Description

**Ps4-UI** is a project that recreates the user interface (UI) of the PlayStation 4 using HTML, JavaScript, and pure CSS. With it, you can explore a faithful recreation of the iconic PS4 interface right in your web browser.

## Features

- 🖥 **Familiar Interface**: Navigate through an interface closely resembling the PlayStation 4 experience.
- 🌐 **Simple Navigation**: Explore menus, icons, and PS4 features intuitively.
- ✏️ **Customization**: Experience the feeling of customization with profile and settings options.
- 🎮 **Gamepad Support**: Ps4-UI also supports gamepads for an authentic experience.

## How to Use

You can experience Ps4-UI in two ways:

1. **Clone the Repository**:

```shell
git clone https://github.com/d4v1-sudo/Ps4-UI.git
```

Then, open the `index.html` file in your browser to start exploring the interface.

2. **Download the ZIP File**:

- Go to the main repository page at [https://github.com/d4v1-sudo/Ps4-UI](https://github.com/d4v1-sudo/Ps4-UI).
- Click the "Code" button and select "Download ZIP."
- Extract the ZIP file on your computer and open the `index.html` file in your browser.

## Contributions

Contributions are welcome! Feel free to open issues or send pull requests to enhance this project.

## Thanks to

Arturo Cabrera: [@Pixmy](https://www.github.com/Pixmy)

[Original project here](https://codepen.io/Pixmy/pen/qaYQoV)

## License

This project is licensed under the [MIT License](LICENSE).

Enjoy exploring the PlayStation 4 interface recreated in Ps4-UI! If you have any questions or feedback, don't hesitate to get in touch.

## Note

This repo doesn't have a commercial purpose; it's an HTML, JS and CSS project made to simulate the PS4 UI.


<a href="https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2Fd4v1-sudo%2FPs4-UI"><img src="https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fd4v1-sudo%2FPs4-UI&label=Thanks%20for%20dropping%20in&labelColor=%23000000&countColor=%23FFFFFF" /></a>
