Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/danielace1/instagram-ui-tailwind

Instagram UI Redefined with TailwindCSS Interactivity & Theming.
https://github.com/danielace1/instagram-ui-tailwind

html5 tailwind-css vite

Last synced: about 1 month ago
JSON representation

Instagram UI Redefined with TailwindCSS Interactivity & Theming.

Awesome Lists containing this project

README

        

# 📷 Instagram UI Tailwind

A modern reimagining of the Instagram interface, crafted using Tailwind CSS. This UI captures the essence of Instagram's user-centric design while integrating the responsive and customizable utilities of Tailwind, offering a fresh and intuitive social media experience.

### Live Link: https://danielace1.github.io/Instagram-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

- _🌞/🌚 Light/Dark Variant_ : Seamless toggling between a bright light mode and a soothing dark mode.
- _🌌 Stories Background Color_ : Revamped background colors for stories using Tailwind's rich palette.
- _🖱️ Like Button Hover_ : Interactive hover effect on the 'like' button for enhanced visual feedback.

## Contributions

Contributions, issues, and feature requests are welcome! Feel free to check [issues](https://github.com/danielace1/Instagram-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)