# Flutter Open UIs for your projects!

![thumbnail](./assets/showcase/cover.png)

Flutter animated open-source project that's all about pushing the boundaries of User Interfaces! 🌟✨ If you're a Flutter enthusiast or just someone who appreciates stunning UI/UX, this project is tailor-made for you! 🚀🎨

# !!! Depreciated

The content of this project have been added to [Flutter Open UI](https://github.com/yunweneric/flutter-open-ui)!. You can still star or fork it but I will not be receiving pull request.

Consider doing a PR in [Flutter Open UI](https://github.com/yunweneric/flutter-open-ui)!. Instead

### Thanks

## Setup guide

- Install and use [Fvm](https://fvm.app/) to manage your flutter version

- Specify your fvm version

  ```
  fvm use 3.xx
  ```

- Get your dependencies
  ```
   flutter pub get
  ```

## Contribution guide

To contribute to this repo,

- Fork the repo
- Check out to the `starter_app`. This branch is the simple `flutter counter app`
- Create your own branch from the `starter_app` branch
- Make sure the branch name follows the numbering ex: AuthUI01, AuthUI02, AuthUI03, OnboardingUI01 ...
- Change your flutter version using fvm

  ```
  fvm use 3.xx
  ```

- You can learn how to use fvm here [How to use Fvm](https://fvm.app/)

- Create your mockup and add it in the assets/showcase folder
- Add all your changes
  ```
  git add .
  ```
- Commit your changes

  ```![Uploading app_logo3.png…]()

  git commit -m 'proper commit message'
  ```

- Push your changes to your branch

  ```
  git push origin branch_name
  ```

- Make a pull request to the `contribution` branch.

## Gallery

<table>
  <tr>
   <td>
  <a href="https://github.com/yunweneric/flutter-open-animate/tree/dark_light_theme">
        <img src="./assets/showcase/theming_dark.png" alt="Image 1" width="1000"/>
      </a>
  </td>
  <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/nat_geo_carousel">
        <img src="./assets/showcase/nageo.jpg" alt="Image 1" width="1000"/>
      </a>
    </td>
  </tr>
  <tr>
   <td>
  <a href="https://github.com/yunweneric/flutter-open-animate/tree/watch_store">
        <img src="./assets/showcase/watch_store.png" alt="Image 1" width="1000"/>
      </a>
  </td>
  <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/nike-shop">
        <img src="./assets/showcase/nike_shop.png" alt="Image 1" width="1000"/>
      </a>
    </td>

  </tr>
  <tr>
    <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/doughnut_shop">
        <img src="./assets/showcase/doughnuts.png" alt="Image 1" width="1000"/>
      </a>
    </td>
     <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/nike_slider">
        <img src="./assets/showcase/nike_ui.png" alt="Image 1" width="1000"/>
      </a>
    </td>
  
   
  </tr>
    <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/fruits_animation">
        <img src="./assets/showcase/fruits_demo.png" alt="Image 1" width="1000"/>
      </a>
    </td>
     <td>
      <a href="https://github.com/yunweneric/flutter-open-animate/tree/car_rental">
        <img src="./assets/showcase/car.png" alt="Image 1" width="1000"/>
      </a>
    </td>

  </tr>

</table>
