FLUTTER WIDGET BUILDER

A widget builder for flutter
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Upcoming Features
5. Contributing
6. License
7. Contact

About The Project

The aim of this project is to develop simple reusable widget that developers can easily convert to code and be used in their application. The plan is to make widget creation easy, responsive and proffesional, so developers can focus on more important parts of the app like the bussiness logic and overall architecture.

Flutter widget builder would serve as a catalog for devs to save and share widget across the commuinity, it would also assist in the create a custom design system with custom widget

fwb_video.mp4

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisite

• Available for only windows and web
• Have a basic knowledge of flutter and widget
• Install flutter and any preffered code editor
• Visit www.flutterwidgetbuilder.web.app to use demo (Not live currently)
• For windows: you can either download from the releases or clone and build for developers

Installation

1. Clone the repo

   git clone https://github.com/mayor04/Flutter_Widget_Builder

2. Install all the packages

   flutter clean
   flutter pub get 

3. Build for windows and web

   flutter run -d windows

4. Run in profile mode to inspect performance

   flutter run --profile

Usage

If you are super familiar with building widgets in flutter you would find it quite easy to use, if you are still on a basic level you might want to check out the demo videos_

Upcoming Features

• Reusable widget
• Convert to code
• Animation
• Design system creating
• Catalog for list of widget and sharing widget

See the open issues for a full list of proposed features (and known issues).

Contributing

Before contributing check out the Architecture.md file for better understanding of the code structure and design patterns

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the Apache License 2.0. See LICENSE.txt for more information.

Contact

Samuel Mayowa - @twitter_handle - devmayor4@gmail.com

Project Link: https://github.com/mayor04/Flutter_Widget_Builder