fibscli An eventual FIBS client written in Flutter and hosted on the web. status Currently, the app works as a stand-alone backgammon game w/o connecting to fibs.net. screenshot You can try it live here: https://playfibs-f3c5b.web.app/#/ It works on desktop and mobile form factors. The goal is to host it on the web and make it work against the ..
Category : web app
Flutter Minimal Website A minimalistic website for blogs and portfolios built with Flutter. View Flutter Minimal Website Skia Version Screenshots List Post About This minimalistic website template was built as a demo for the Flutter Responsive Framework and to showcase the current state of Flutter Web. Flutter Minimal Website is licensed under Zero-Clause BSD and released as ..
A Flutter package for building Flutter widget tree from HTML with support for 70+ most popular tags. Live demo Getting Started Add this to your app’s pubspec.yaml file: dependencies: flutter_widget_from_html_core: ^0.5.1+3 Usage Then you have to import the package with: import ‘package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart’; And use HtmlWidget where appropriate: HtmlWidget( // the first parameter (`html`) is required ”’ <h1>Heading 1</h1> <h2>Heading ..
WebView for Flutter A Flutter plugin that provides a WebView widget. On iOS the WebView widget is backed by a WKWebView; On Android the WebView widget is backed by a WebView. Usage Add webview_flutter as a dependency in your pubspec.yaml file. You can now include a WebView widget in your widget tree. See the WebView widget’s Dartdoc for more details on how ..
interactive_webview Plugin that allow Flutter to communicate with a native WebView. Warning: This is not a display WebView. This plugin is designed to make communication between Flutter and WebView javascript. You can call a Javascript function; in the other hand, you can send messgage (postMessage) from Javascript to Flutter Android: using JavascriptInterface iOS: using WKUserContentController Getting Started For ..
DeveloperFolio A clean, beautiful, and responsive portfolio template for Developers! Still in development stage. If you created something awesome and want to contribute then feel free to open Please don’t hesitate to open a pull request. Desktop View Tablet View Mobile View Sections Summary and About me Skills Achievements Blogs Contact me To view a live ..
Figma to Code Most design to code plugins are bad, some are even paid. This project aims to raise the bar by generating responsivelayouts in Tailwind and Flutter. The plan is to eventually add support for Jetpack Compose and possibly standard HTML or other frameworks like React Native, SwiftUI, Bootstrap or Fluent. Feedback, ideas and partnerships are appreciated! How it works This plugin takes an unconventional approach to ..
A Protfolio Website – Flutter Web Watch it on YouTube This UI is not Responsive A nice clean Portfolio Website for Designer or developer. Which includes almost everything that you want to show. At first, your name and a big picture. Then About section shows more info about you with a cool experience card. Then ..
Flutter-WebRTC WebRTC plugin for Flutter Mobile/Desktop/Web Functionality Feature Android iOS Web macOS Windows Linux Fuchsia Audio/Video [WIP] [WIP] Data Channel [WIP] [WIP] Screen Capture Unified-Plan MediaRecorder Usage Add flutter_webrtc as a dependency in your pubspec.yaml file. iOS Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist: <key>NSCameraUsageDescription</key> <string>$(PRODUCT_NAME) Camera Usage!</string> <key>NSMicrophoneUsageDescription</key> <string>$(PRODUCT_NAME) Microphone Usage!</string> This entry allows your ..
Admin Material for Flutter Web. This project was generated with Flutter Web. Introduction This project contains most of the common widgets which are used by Flutter. Row/Column Tables Cards Custom Scroll View Forms Hero Animations Linear Gradient Api calls using http (Top 10 trending github repositories) in a tabular view. How to start Prerequisites: Your Flutter ..
Info: A web-safe implementation of dart.io.Platforms. Helps avoid the “Unsupported operation: Platform._operatingSystem” runtime error. Universal Platform – A Web-safe Platform class Currently, if you include the dart.io.Platform anywhere in your code, your app will throw the following error on Web: With this plugin you can perform platform detection on all platforms, including Web, without errors. Installation dependencies: ..
Flokk A fresh and modern Google Contacts manager that integrates with GitHub and Twitter. Demo Builds Web: https://flokk.app Linux: https://snapcraft.io/flokk-contacts macOS: https://flokk.app/macos/Flokk_Contacts_v1.0.1.dmg Windows: https://flokk.app/windows/Flokk_Contacts_v1.0.1.zip Getting Set Up 1. Flutter Follow the install instructions here: https://flutter.dev/docs/get-started/install Desktop-specific info: https://flutter.dev/desktop, https://github.com/flutter/flutter/wiki/Desktop-shells Flokk was built on the bleeding edge of Flutter, so make sure to use the master branch in their git repo and checkout commit 9c3f0faa6d. We’re ..
scaffold_responsive A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps. Usage class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { String tab; void setTab(String newTab) { setState(() { tab = newTab; }); } @override Widget build(BuildContext context) { return ResponsiveScaffold( ..
flutter_sidebar An easy to configure sidebar widget for your flutter mobile/web apps Usage import ‘package:flutter_sidebar/flutter_sidebar.dart’; Simple Sidebar with few sidebar items: class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(‘Flutter Sidebar’)), drawer: Sidebar.fromJson( tabs: [ { ‘title’: ‘Chapter A’, ‘children’: [ {‘title’: ‘Chapter A1’}, {‘title’: ‘Chapter A2’}, ], }, ..
This is Aerium, a beautifully designed portfolio website built with flutter. It is inspired by Pavel G’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 ..
The live stars race Access this project running at jhbitencourt.github.io/stars-race An app running on mobile, web and desktop. How long do you think it will take for flutter to get the first position on this run? Mobile Web Desktop To understand better: Flutter mobile, web and desktop — The stars race Flutter mobile, web e desktop — The stars race — ptBr ..
ONLY FOR FLUTTER WEB Flutter widget that automatically resizes text to fit perfectly within its bounds. Show some and star the repo to support the project Resources: Documentation Pub Package GitHub Repository Online Demo Also check out the blazing fast key-value store hive. Contents Usage maxLines minFontSize & maxFontSize group stepGranularity presetFontSizes overflowReplacement Rich Text Parameters Performance ..
ImagePickerWeb This Web-Plugin allows Flutter Web to pick images (as File, Widget or Uint8List) and videos (as File or Uint8List). Many thanks goes to AlvaroVasconcelos for the implementation of picking images in his plugin: flutter_web_image_picker Disclaimer for Videos Till now [Mar. 2020] it’s not possible (due to security reasons) to play a local video file (see also video_player_web). ..
Progress State Button A customizable progress button for Flutter Test with DartPad Installation Usage Icon With Custom Widgets Constructors Default constructor of ProgressButton ProgressButton.icon() specific constructors License This project is licensed under the MIT License – see the LICENSE.md file for details Download Progress State Button source code on GitHub https://github.com/slm/progress-state-button FlutterappworldProvides the list of the opensource Flutter ..
PortfolioX PortfolioX is a 100% free Flutter open-source resposive app built with Flutter SDK using VelocityX. Demo PortfolioX Show some and star the repo. Collection of flutter apps with tutorial Flutter Example Apps Screenshot Found this project useful? If you found this project useful, then please consider giving it a on Github and sharing it with your friends via social media. ..
flutter-webrtc-demo Flutter WebRTC plugin Demo Online Demo: https://demo.cloudwebrtc.com:8086/ Usage git clone https://github.com/cloudwebrtc/flutter-webrtc-demo cd flutter-webrtc-demo flutter packages get flutter run Note If you want to test P2P Call Sample, please use the webrtc-flutter-server, and enter your server address into the example app. screenshots iOS Android Download flutter-webrtc source code on GitHub https://github.com/cloudwebrtc/flutter-webrtc-demo FlutterappworldProvides the list of the opensource Flutter ..
Makemyquiz.web.app Create quiz, play them see detailed results and much more try now visit https://makemyquiz.web.app Features Included Google Sign In with Firebase Firebase Auth (Sign In & Sign Up) Firebase Cloud Firestore Acessign 500,000 Images via Pexels API and much more…. Getting Started This project is a starting point for a Flutter application. A few resources ..
Import JS Library Import & use javascript libraries in your flutter web projects. flutter: assets: – assets/howler.js importJsLibrary(url: “./assets/howler.js”, flutterPluginName: “audio_plugin_example”); Why Audio library compatible with Flutter Web : https://pub.dev/packages/assets_audio_player Howler.js Audio library for the modern web : https://howlerjs.com/ And after weeks, month, years, eternity later…. How to use it 1. Create your plugin Package https://flutter.dev/docs/development/packages-and-plugins/developing-packages flutter ..
WebFeed A dart package for parsing RSS and Atom feed. Features RSS Atom Namespaces Media RSS Dublin Core Installing Add this line into your pubspec.yaml Import the package into your dart code using: Example To parse string into RssFeed object use: Preview RSS Atom License WebFeed is licensed under the MIT License – see the LICENSE.md file for details Download ..
onboarding_flutter App onboarding build in Flutter 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, ..
Info: A Flutter plugin that allows you to add an inline webview or open an in-app browser window. Flutter InAppWebView Plugin A Flutter plugin that allows you to add an inline webview or open an in-app browser window. Requirements Dart sdk: “>=2.0.0-dev.68.0 <3.0.0” Flutter: “>=1.9.1+hotfix.5 <2.0.0” Android: minSdkVersion 17 and add support for androidx (see AndroidX Migration to migrate an existing ..
Memorare 5 seconds of emotion. Quickstart ⚠️ This project is in early development stage so you may find bugs. The developer part hasn’t been built yet, so you won’t be able to contribute to it at the moment without explicit authorization. Pre-requisites Make sure you have Flutter dev tools installed. You can test that by running ..
Flutter Web App Demo Responsive web app powered by Flutter and Dart. Contents Features Requirements Develop Building with the production JavaScript compiler FAQ Troubleshooting License ???? Features photos fetched from a remote server infinity scrolling responsive to screen size changes including mobile device orientation changes powered by build_value and built_collection background JSON parsing ⚙️ Requirements ..
Quickly generate a personalized WhatsApp link with a predefined message and share it with your audience on your Social Networks! By clicking on the link your customers will be able to send you a WhatsApp message without having to add your phone number to their contact list. Requirements Any Operating System (ie. MacOS X, Linux, ..
Fluid Layout Demo: jamesblasco.github.io/fluid_layout Fluid layouts allow you to create a responsive layout for mobile, web and desktop from a single codebase. Let’s get started Install it Follow the installation process here Understand fluid layout The fluid layout aims to help to build a responsive experience through all the different screen sizes. Based on the ..
flutter-by-example A collection of simple, bare-bones Flutter apps that each demonstrate a concept The apps are slowly being updated to Dart 2; be sure to use the –preview-dart-2 flag when running/compiling these examples Apps Hello World: one-line Flutter app Updated for Dart 2 Material Navigation: two screen Flutter that demonstrates navigation using Material (2.1) Routing ..
RxDart About RxDart adds additional capabilities to Dart Streams and StreamControllers. Dart comes with a very decent Streams API out-of-the-box; rather than attempting to provide an alternative to this API, RxDart adds functionality from the reactive extensions specification on top of it. RxDart does not provide its own Observable class as a replacement for Dart ..
This is a clone of the famous application Udacity, and its done with the flutter frame work, this particular repo, contains the code for the student side Show some ❤️ and star the repo to support the project This repository containing links of all the example apps demonstrating features/functionality/integrations in Flutter application development. Building samples ..
Flutter App Templates
