About: Flutter portfolio Web is meticulously designed to provide a consistent and visually pleasing experience across a wide variety of devices. Whether you’re accessing the website on a large desktop screen, a laptop, a tablet, or a small Android smartphone, the layout and content will adapt gracefully to ensure optimal usability. This Flutter-based website serves ..
Category : web app
simple-electron-nodejs-flutter-web A simple Electron application using NodeJS middleware with Flutter web and Dart. This project name is wapui (web application platform for ui). electron release application to MacOS, Linux and Windows (electron: version 21) npm managing scripts supported (npm: version 8) node.js middleware integrated (node: version 16) flutter web integrated (flutter: version 3) internalization supported ..
Welcome to the code repository for Flutter for web. This repository contains the source code for a fork of Flutter that targets the web. Our goal is to add web support as a first-tier platform in the Flutter SDK alongside iOS and Android. The code in this repository is a stepping stone to that goal, providing web-only packages ..
Flutter Folio A demo app showcasing how Flutter can deliver a great multi-platform experience, targeting iOS, Android, MacOS, Windows, Linux, and web. Built by gskinner in partnership with Google, Flutter Folio purposefully considers user expectations, input devices and idioms for each platform, ensuring it feels at home on every device. In addition to forking and reviewing the MIT ..
renderer_switcher Swap Web Renderers in a Flutter Web app at runtime. Installation To use this plugin, add renderer_switcher as a dependency in your pubspec.yaml file. Then, add this script to the top of the body in your web/index.html file. <script type=”text/javascript”> window.flutterWebRenderer = localStorage.getItem(‘flutterWebRenderer’); </script> Usage // Returns WebRenderer.html, WebRenderer.canvaskit or WebRenderer.auto final currentRenderer = await RendererSwitcher.getCurrentWebRenderer(); if(currentRenderer ..
Routemaster Hello! Routemaster is an easy-to-use router for Flutter, which wraps over Navigator 2.0… and has a silly name. Features Simple declarative mapping from URLs to pages Easy-to-use API: just Routemaster.of(context).push(‘/page’) Really easy nested navigation support for tabs Multiple route maps: for example one for a logged in user, another for logged out Observers to easily listen ..
portfolio Flutter Based Portfolio WebApp Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Webview with Splash Screen in Flutter Flutter Web View With Splash Screen. Subscribe Our YouTube Channel.Visit Website Demo OutPut Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples ..
webviewpage A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance ..
psg_messi_ui LANDING PAGE / PSG MESSI Download source code on GitHub https://github.com/matiasdev30/psg_messi_ui FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
instagram_web_redesign Full responsive flutter web instagram redesing UI. ( Supprot web, tablet, mobile mode). Download this app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Responsive Instagram was a project carried out in order to learn and practice the Dart programming language together with the Flutter interface development kit. The project consisted of replicating the Instagram social network interface in a responsive way, capable of a single code presenting itself well on different devices and screen sizes. The same happened with the ..
Fluthereum Description Flutter example project to run Solidity smart contracts using web3Dart library Dependencies web3dart: A dart library that connects to interact with the Ethereum blockchain. It connects to an Ethereum node to send transactions, interact with smart contracts and much more! Features Connect to an Ethereum node with the rpc-api, call common methods Send ..
Video Call Flutter App Description: This is sandbox video call application using Flutter and WebRTC, you can call from browser to browser, phone to phone, browser to phone and opposite. How does it work? Client 1 and Client 2 create peer connection by request create to Server STUN (url stun server: stun:stun.l.google.com:19302) Client 1 request Server STUN create offer Server STUN will response sdp ..
About: A flutter app for a wordpress websites with clean and elegant design. This app is available in free and pro version. You can choose to use the one you need. Get Flutter for WordPress Flutter for wordpress is currently available in free and pro version: Flutter for WordPress Flutter for WordPress Pro Beautiful designOptimized ..
Responsive Blog Theme using Flutter | Web, macOS, Android, iOS Packages we are using: flutter_svg: link get: link Flutter recently announced Flutter V2.0, after that on stable branch it supports Web, macOS, Android, and iOS. That’s why today we create a responsive blog theme using flutter that runs on Web, macOS app, Android, and iOS app. Also, ..
Responsive Music App Home Screen Dependencies: font_awesome_flutter flutter_svg get Download Responsive Music App source code on GitHub https://github.com/FlutterWithGia/FD-Music FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
About: A Web API developed using Dart as backend, which hosts the data from a local json file. A server app built using Shelf, configured to enable running with Docker. This sample code handles HTTP GET requests to /api and returns a JSON response from a local file. So how does it work ? The dart code reads data ..
Personal Portfolio This project made with Flutter and hosted in the website. About Website This website is built taking the screen into account. It adjusts different layout for desktop version, mobile portrait version and mobile landscape version. This website unlike other flutter websites handles the cursor when hovered at a button or clickable. Build the website ..
Do you ever want to pub run build_runner build into another branch? This is your ticket. Install $ pub global activate peanut Run $ cd ~/my_dart_proj/ $ peanut This will build your project into a temporary directory, and then it will update the local gh-pages branch with its contents. Flutter Flutter apps can be built by running peanut with ..
An attempt to implement better scrolling for Flutter Web and Desktop. Includes keyboard, MButton and custom mouse wheel scrolling. Getting started Example Usage and features Example Usage and features (from the example app) final controller = ScrollController(); … ImprovedScrolling( scrollController: controller, onScroll: (scrollOffset) => debugPrint( ‘Scroll offset: $scrollOffset’, ), onMMBScrollStateChanged: (scrolling) => debugPrint( ‘Is scrolling: $scrolling’, ..
Flutter Bloc Card Flip Project on hold ~ August 9th 2021 An exploration of game card dealing and flipping actions using Flutter BloC state management. Web Application https://alienspaces.github.io/flutter-bloc-card-flip/ CI/CD All merges to the master branch run through automated tests followed by an automated web build and push to the publish branch which contains the current source for the above ..
This is the second Iteration of my portfolio website (https://github.com/david-legend/aerium). It is inspired by Julius Guevarra’s Designs on Behance Forking this repo (please read!) I value keeping my site open source, but as you all know, plagiarism is bad. It’s always disheartening whenever I find that someone has copied my site without giving me credit. I spent ..
flutter + webrtc => python + aiortc + opencv This demo project should help you to get setup sending a video feed from a flutter app to a python backend to allow you to then perform some image processing on the video frames using OpenCV. Running the server First install the required packages: $ cd ..
Screenshots Download 404 Error Page Animation source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a history stack as new routes are added. Internally NavStack uses an IndexedStack to maintain a stateful list of routes which are defined declaratively and bound to the current MaterialApp.router path. It also provides a flexible imperative API for changing ..
html_widgets A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps. Text Widgets *text property is required for all the text widgets. h1 … h1( text: “This is an h1 widget”, … ) … h2 … h2( text: “This is an h1 widget”, color:Colors.red, … ) … h3 … h3( ..
ArDrive Web The ArDrive Web App allows a user to log in to securely view, upload and manage their ArDrive files. Have any questions? Join the ArDrive Discord channel for support, news and updates. https://discord.gg/ya4hf2H Setting up the Development Environment If your environment is using homebrew, install the Flutter SDK with its cask as shown below. ..
WebUSB plugin Developed with by Apparence.io This plugin provide access to USB devices from web pages with WebUSB. Platform Support Android iOS MacOS Web Linux Windows Usage import ‘package:usb_device/usb_device.dart’; final UsbDevice usbDevice = UsbDevice(); var pairedDevices = await usbDevice.pairedDevices; // get paired devices var pairedDevice = await usbDevice.requestDevices([DeviceFilter(vendorId : 0x00, productId: 0x00)]); // par a device ..
ClipIo-App This is the flutter application for the original web-app ClipIo with some added features. Sign in instantly with your google account Easily enter your text Save your text for future use Edit your text with live markdown editor Copy/Paste and easily transmit your data to other logges in devices Download ClipIo App source code on GitHub ..
fluam_app A flarum (flarum.org) application, Seamlessly uses all the flarum sites of your added. Supported platforms Android (6.0+) ios (64bit only) Linux MacOS Windows Download https://github.com/fluam/fluam_app/releases Download fluam app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Finale A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling written in Flutter. The app is available on iOS, Android, and the web. Note that the web version doesn’t support music recognition. Check out finale.app for screenshots. Running the app To run Finale, you’ll need: Flutter A Last.fm API key and secret To use the music recognition feature, you’ll need ACRCloud credentials ..
Kraken Have a try Install Kraken CLI (macOS only currently)$ npm i @openkraken/cli -g Open with kraken# kraken [localfile|URL] $ kraken https://raw.githubusercontent.com/openkraken/kraken/master/kraken/example/assets/bundle.js Why kraken Quick development Compatibility with web standards means you don’t have to change your stack.const text = document.createTextNode(‘Hello World!’); document.body.appendChild(text); Cross platform Seamless integration with Flutter, supports web, mobile (iOS, Android) and desktop (MacOS, ..
drop_zone A simple way to bring drag’n’drop to flutter web. drop_zone is commonly used for file choosing by dragging and dropping a file(s) onto a designated widget. The user can then use the dropped html file(s). Example An example can be found in the example directory of this repository. How to use Add drop_zone to pubspec.yaml of your project: ..
Flutter Web Portfolio Demo URL https://web-portfolio-ddd55.web.app SpeedCode Tutorial Web Portfolio, Based on a design on UpLabs and hosted on Firebase . Complete flutter projects are available on my Codecanyon.net Page PRs are welcomed. Issues are welcomed too. Send me UI suggestions for any uplabs project on info@flutterpanda.com Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter ..
Udacity UI Clone Flutter Web 2.0 Description: Udacity UI Clone made with Flutter Web (Flutter 2.0). ScreenShots: Tools & languages: Android studio (IDE) Dart (logic) Flutter 2.0 (Mobile UI developement kit) Paint.net (Image editor) Contribution: Feel free to fork this project and add whatever you like. If you have any suggestions or any comments please ..
Vocabhub 0.2.2 A vocab app built with Flutter and Supabase Live version here v0.2.0 v0.1.0 Platform Android iOS MacOS Web Yes Yes Yes Yes Contributing Feel Free to contribute to this app, Data being collected from this sheet. Contribution does not necessarily mean sending a pull request you could also contribute by improving the sheet. Getting Started ..
DrawingBoard Free online drawing application for all ages. Features Draw Erase Add new page Select between Grid Page and Plane Page. Change pen stroke, color. Change Background Color. Login/SignUp Save Drawing Book Create Multiple Drawing Books Screenshots How To Use To clone and run this application, you’ll need Git and Flutter installed on your computer. From your command line: ..
Handle your application routing, synchronize it with browser URL and more. Beamer uses the power of Navigator 2.0 API and implements all the underlying logic for you. Key Concepts Examples Books Advanced Books Deep Location Guards Bottom Navigation (WIP) Usage With *App.router As a Widget (WIP) General Notes Migrating from 0.4.x to >=0.5.x Contributing Key Concepts The ..
devs Setup Currently, this DEVS project is using the master channel of the Flutter SDK. TODO: Migrate to beta Clone the project Download dependencies Open the project in an IDE or text-editor, then run the ff: Run the project for web Run the project for mobile TODO: Add responsiveness for mobile Contributing #30DaysOfFlutter Activies 1. Add Developer Details ..
Flutter App Templates
