Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danielace1/google-pay-ui-tailwind

Effortlessly stylish GPay-inspired UI crafted with Tailwind CSS.
https://github.com/danielace1/google-pay-ui-tailwind

html5 tailwindcss vite

Last synced: about 1 month ago
JSON representation

Effortlessly stylish GPay-inspired UI crafted with Tailwind CSS.

Awesome Lists containing this project

README

        

# 💸 Google Pay UI Tailwind

A clean and easy-to-use UI design inspired by Google Pay. Created to give users a comfortable view of their online transactions, blending simplicity with modern design touches.

### Live Link: https://danielace1.github.io/Google-Pay-UI-Tailwind/

## Internship

This internship is provided by [CyberDude Networks Pvt. Ltd.](https://youtube.com/cyberdudenetworks) as part of the 6-Month Free Internship program, a skill development initiative organized to enhance participants' skills. Mentoring was provided by [Mr. Anbuselvan Rocky](https://instagram.com/anbuselvanrocky). For more information, [you can contact CyberDude Networks here](https://cyberdudenetworks.com).

## Technologies Used

**HTML** : Foundation of the project's structure.

**Tailwind CSS** : Utility-first framework for styling the UI.

## 🔍 Features & Components

- _🖱️ Hover Effects_ : Enhanced user feedback through interactive hover states.
- _↕️ Translate (Y-Axis)_ : Elements move subtly along the vertical axis for dynamic interactions.
- _🌫️ Opacity Tweaks_ : Thoughtful adjustments in transparency for clarity and visual appeal.

## Contributions

Contributions, issues, and feature requests are welcome! Feel free to check [issues](https://github.com/danielace1/Google-Pay-UI-Tailwind/issues) page to see open issues or create one. If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcomed.

- Fork the project.
- Create your feature branch:

```sh
git checkout -b feature/YourFeatureName
```

- Commit your changes:

```sh
git commit -am 'Add some feature'
```

- Push to the branch:

```sh
git push origin feature/YourFeatureName
```

- Submit a pull request.

## LICENSE

[MIT](\LICENSE)

## 🎉 Acknowledgements

A special thanks to [Mr. Anbuselvan
Rocky](https://github.com/anburocky3) for the personal guidance and inspiration throughout the project journey.

##### Connect with me on:

- [Linked-in](https://www.linkedin.com/in/sudharsan-a-b40506290/)
- [Instagram](https://instagram.com/sudharsan_daniel)
- [Facebook](https"//https://www.facebook.com/sudharsandaniel.sudharsandaniel)
- [Github](https://github.com/danielace1)