I developed this application just for learning purpose. There are over 20 screen variations.
<h1 align="center">Welcome to Flutter-Shopping-UI-Kit 👋</h1>
<p>
  <img src="https://img.shields.io/badge/version-1.0.0.-blue.svg?cacheSeconds=2592000" />
  <a href="https://www.coolflutter.com/">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" target="_blank" />
  </a>
  <a href="https://www.coolflutter.com/">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" target="_blank" />
  </a>
  <a href="https://twitter.com/alianilkocak">
    <img alt="Twitter: alianilkocak" src="https://img.shields.io/twitter/follow/alianilkocak.svg?style=social" target="_blank" />
  </a>
</p>

>  Shopping UI design in Flutter

# Flutter-Shopping-UI-Kit

## Introduction

I made an e-commerce UI concept in Flutter for Android and iOS, I developed this application just for learning purposes. There are over 20 screen variations.

## Screens

![Product Detail](ss/gifs/1.gif)
![Auth Screens](ss/gifs/2.gif)
![Product Filter Screens](ss/gifs/3.gif)
![Wheel Fortune Screens](ss/gifs/4.gif)

<pre>

</pre>
<img src="ss/1.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/2.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/3.png" width="220"> </br> </br> </br>
<img src="ss/4.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/5.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/6.png" width="220"></br> </br> </br>
<img src="ss/7.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/8.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/9.png" width="220"></br> </br> </br>
<img src="ss/10,.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/11.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/12.png" width="220"></br> </br> </br>
<img src="ss/13.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/14.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/15.png" width="220"></br> </br> </br>
<img src="ss/16.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/17.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/18.png" width="220"></br> </br> </br>
<img src="ss/19.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/20.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/21.png" width="220"></br> </br> </br>
<img src="ss/22.png" width="220"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ss/23.png" width="220">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="ss/24.png" width="220"></br> </br> </br>





## Install

```sh
flutter packages get
flutter run --release
```

## Run tests

```sh
flutter packages get
flutter run 

```

## Author

👤 **alianilkocak**

* Twitter: [@alianilkocak](https://twitter.com/alianilkocak)
* Github: [@AliAnilKocak](https://github.com/AliAnilKocak)

## 🤝 Contributing

Contributions, issues and feature requests are welcome !<br />Feel free to check [issues page](https://www.coolflutter.com/).

## Show your support

Give a ⭐️ if this project helped you !

Note: Auth Screens Inspired of => https://dribbble.com/shots/6487505-Food-Order-App 

## 📝 License

Copyright © 2019 [alianilkocak](https://github.com/AliAnilKocak).<br />
This project is [MIT](https://www.coolflutter.com/) licensed.
