Binder is a web framework that can be used to create web apps and APIs .

Overview

Binder Framework

Binder is a web framework that can be used to create web apps and APIs .

It's like React + Express or any combination of front-end framework (Vue, Angular, etc.) and a back-end framework (Laravel, Django, etc.). All-in-one in a very simple and powerful way. Binder 🔥 .

Binder logo

Get started

First of all, we need to download Binder SDK framework. If you are using windows , download it directly here . Add it (path to binder-sdk/bin ) in your Environment variable path .If everything is ok , if you type binder in your CMD it will work fine , so enjoy it .

Download Binder SDK :

-Windows

-MacOS (soon)

-Linux (soon)

Alternative (sdk/binder-bin) for others plaforms (linux and macOS users):,

You can use it by doing this:

Download Dart SDK from dart official website for your plaform and add binder-bin from binder github folder in the Dart SDK . Then, active it by doing dart pub global activate --source path binder-bin in the root. It works on all platforms .

Note :

If you already have an old dart sdk in your environment variable, please remove it before adding the binder one otherwise there will be a conflict. The SDK of binder already contains the SDK of Dart.

After the installation , you can use it

To create a new project , use :

binder create

To run the project , use :

binder run

An example of project :

import 'package:binder/bootstrap.dart';

void main() {
  runApp(MyApp());
 
}

class MyApp extends Widget {
  @override
  Element toElement() {
    return BootstrapContainer(
      child: BootstrapCenter(
        child: BootstrapText('Hello World'),
      ),
    ).toElement();
  }
}

For flutter developers

Frontend :

If you have already used flutter, you know that flutter uses mainly two designs, the Material Design (eg: Center, TextStyle, Color, Icon) and the Cupertino (eg: CupertinoTextStyle, CupertinoIcons etc ...).

  • For the flutter material (the most used) we import first package:flutter/material.dart and there we can use widgets like , AlertDialog , AppBar , Center , Color , TextStyle, DatePicker etc ...

  • For the flutter cupertino (less used) we import first package:flutter/cupertino.dart and there we can use widgets like CupertinoAlertDialog , CupertinoButton ,CupertinoApp , CupertinoColors , CupertinoTextStyle, CupertinoDatePicker etc ...

It is on this principle that the framework binder was created. With binder you have access to more than 4 approaches: Material , Materialize , Bootstrap , MBootstrap (MaterialBootstrap) .

  • For the Binder Material we will import first package:binder/material.dart and there we can use widgets like , Text , Center , Color , TextStyle, ...

  • For the Binder Bootsrap we will import first package:binder/bootsrap.dart and there we can use widgets like , BootsrapText ,BootsrapCenter , BootsrapColor , BootsrapTextStyle, etc ...

Same for Materialize and MBootstrap but not stable.

Message from the author :

Currently only Binder bootstrap is not very advanced, so for beta testers, I suggest it for now even if materialize also not bad. Bootstrap will be complete in the next few weeks. Thanks

Binder and the fullstack approach :

Binder allows you to manage not only the frontend but also the backend of your site.

  • To write front end, it's in lib/main.dart .
  • To write backend , it's in bin/server.dart .

For this release, it is not yet possible to create api and manage routing with your server but it will be possible in the next release.

A complete documentation will be published soon

You can use widgets like WebApp (similar to MaterialApp or CupertinoApp) , Divider , BoostrapColumn , BoostrapRow , BoostrapImage , BoostrapCenter , Center , Text , BoostrapText, etc ...

100+ widgets are added or are being added actually .

In the documentaion you will see how to deploy your website , how to manipulate the routes , how to add your own html , css or javascript code , how to add firebase , mongodb or any other database .

If you want to contribute, soon it will be possible from the alpha version and once the official documentation is available.

Thank you for your future contribution.

You might also like...

Native context menu for Flutter apps

Native context menu for Flutter apps

native_context_menu Native context menu for flutter apps Installation flutter pub add native_context_menu Usage import 'package:native_context_menu/na

Dec 22, 2022

This plugin allows Flutter desktop apps to Retrieve information about screen size, displays, cursor position, etc.

screen_retriever This plugin allows Flutter desktop apps to Retrieve information about screen size, displays, cursor position, etc. screen_retriever P

Dec 6, 2022

This plugin allows Flutter desktop apps to extract text from screen.

screen_text_extractor This plugin allows Flutter desktop apps to extract text from screen. screen_text_extractor Platform Support Quick Start Installa

Dec 21, 2022

This plugin allows Flutter desktop apps to defines system tray.

tray_manager This plugin allows Flutter desktop apps to defines system tray. tray_manager Platform Support Quick Start Installation ⚠️ Linux requireme

Dec 22, 2022

Build Win32 apps with Dart!

Build Win32 apps with Dart!

A package that wraps some of the most common Win32 API calls using FFI to make them accessible to Dart code without requiring a C compiler or the Wind

Jan 2, 2023

A tool for debugging your Flutter apps.

A tool for debugging your Flutter apps.

anyinspect_app A tool for debugging your Flutter apps. Platform Support Linux macOS Windows ➖ ✔️ ➖ Installation Downloads are available on the Release

Nov 11, 2022

Create Msix installer for flutter windows-build files.

Create Msix installer for flutter windows-build files.

Msix A command-line tool that create Msix installer for your flutter windows-build files. 📋 Install In your pubspec.yaml, add msix as a new dependenc

Dec 30, 2022

Create Desktop app with Flutter

Create Desktop app with Flutter

Flutter Desktop Codelab Slides Créer votre première appli Desktop avec Flutter App Design Dribble YoPro Setup Linux MacOs Windows Generate executable

Nov 18, 2022

A macOS plugin which can register a callback for a global keyboard shortcut.

global_shortcuts A macOS plugin which can register a callback for a global keyboard shortcut. As the shortcut is global, the callback will be triggere

Jan 2, 2023
Releases(binder-sdk-windows)
Owner
Kab Agouda
Born to code 🖱️
Kab Agouda
Experimental web framework for Dart. Supports SPAs and SSR.

jaspr Experimental web framework for Dart. Supports SPAs and SSR. Main Features: Familiar component model similar to Flutter widgets Easy Server Side

Kilian Schulte 310 Jan 4, 2023
A web dashboard that allows you to monitor your Chia farm and sends notifications when blocks are found and new plots are completed through a discord bot. It can link multiple farmers/harvesters to your account.

farmr A web dashboard that allows you to monitor your Chia farm and sends notifications when blocks are found and new plots are completed through a di

Gil Nobrega 261 Nov 10, 2022
Flutter plugins used in Mixin

flutter-plugins This repo contains the source code for Flutter plugins which used in Mixin. Check the packages directory for all plugins. Plugins Plug

Mixin Network 246 Jan 3, 2023
My Notes is an app to create simple notes and add 3 levels of tags to them. The uniqueness of the app lies in its design and dark theme

?? My Notes | Simple & Beautiful Note Taking App ?? About The App ?? My Notes is an app to create simple notes and add 3 levels of tags to them. The u

null 4 Apr 27, 2022
Windows95 UI components for Flutter apps. Bring back the nostalgic look and feel of old operating systems with this set of UI components ready to use.

Flutter95 Windows95 UI components for Flutter apps. UNDER CONSTRUCTION Screenshots Components Scaffold95 Scaffold as a Windows95 styled window. Provid

Miguel Beltran 141 Dec 26, 2022
This plugin allows Flutter desktop apps to resizing and repositioning the window.

window_manager This plugin allows Flutter desktop apps to resizing and repositioning the window. window_manager Platform Support Quick Start Installat

LeanFlutter 351 Jan 7, 2023
Build beautiful desktop apps with flutter and rust. 🌠 (wip)

flutter-rs Build flutter desktop app in dart & rust. Get Started Install requirements Rust flutter sdk Develop install the cargo flutter command cargo

null 2k Dec 26, 2022
Build beautiful desktop apps with flutter and rust. 🌠

flutter-rs Build flutter desktop app in dart & rust. Get Started Install requirements Rust flutter sdk Develop install the cargo flutter command cargo

null 2k Dec 26, 2022
This plugin allows Flutter desktop apps to register and handle custom protocols

protocol_handler This plugin allows Flutter desktop apps to register and handle custom protocols (i.e. deep linking). English | 简体中文 protocol_handler

LeanFlutter 57 Dec 22, 2022
This plugin allows Flutter desktop apps to defines system/inapp wide hotkey (i.e. shortcut).

hotkey_manager This plugin allows Flutter desktop apps to defines system/inapp wide hotkey (i.e. shortcut). hotkey_manager Platform Support Quick Star

LeanFlutter 81 Dec 21, 2022