flutter-widget-livebook - Live preview example for flutter widgets.

  •        4

Flutter Widget Livebook is a website built with Flutter for web to live preview widget samples online. To check out live examples and docs, visit flutter-widget-livebook.blankapp.org.

https://github.com/blankapp/flutter-widget-livebook

Dependencies:

@mdx-js/mdx : ^0.16.6
@mdx-js/tag : ^0.16.6
add : ^2.0.6
algoliasearch : ^3.33.0
bootstrap : ^4.3.1
dotenv : ^8.0.0
gatsby : ^2.0.76
gatsby-image : ^2.0.22
gatsby-mdx : ^0.3.5
gatsby-plugin-algolia : ^0.3.3
gatsby-plugin-disqus : ^1.1.2
gatsby-plugin-feed : ^2.0.8
gatsby-plugin-google-analytics : ^2.1.7
gatsby-plugin-manifest : ^2.0.5
gatsby-plugin-mdx : ^1.0.23
gatsby-plugin-offline : ^2.0.5
gatsby-plugin-react-helmet : ^3.0.0
gatsby-plugin-sharp : ^2.0.6
gatsby-remark-copy-linked-files : ^2.0.5
gatsby-remark-embed-video : ^1.7.1
gatsby-remark-images : ^2.0.4
gatsby-remark-responsive-iframe : ^2.0.5
gatsby-remark-smartypants : ^2.0.5
gatsby-source-filesystem : ^2.0.2
gatsby-transformer-remark : ^2.1.6
gatsby-transformer-sharp : ^2.1.3
html-react-parser : ^0.9.1
html5-device-mockups : ^3.2.1
mdx-utils : ^0.0.2
polished : ^3.4.1
react : ^16.9.0
react-dom : ^16.9.0
react-helmet : ^5.2.0
react-instantsearch-dom : ^5.7.0
react-modal : ^3.10.1
react-popper-tooltip : ^2.8.3
react-router : ^5.0.1
react-stack-grid : ^0.7.1
react-syntax-highlighter : ^11.0.2
styled-components : ^4.3.2
styled-icons : ^8.3.0
yarn : ^1.17.3

Tags
Implementation
License
Platform

   




Related Projects

dynamic_widget - You can dynamic update your flutter page with Flutter Dynamic Widget

  •    Dart

You can dynamic update your flutter page with Flutter Dynamic Widget. It's a light json UI protocol, which is very similar with flutter widget code. So you don't need to learn another UI protocol, if you are familiar with flutter widget, you might already know how to write Flutter Dynamic Widget json. I work for an e-commerce company. We need to build flexible pages. So we define a light UI protocol, and implement on Android and iOS. We can dynamic update App UIs by pushing a json file. With this ability, we can do some UI A/B testing without publishing App to app store. Flutter allows you to build beautiful native apps on iOS and Android from a single codebase, it can allow you to build web app later. Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. But it still build native app, the UIs can't be dynamic updated. If you want to modify the UIs, you need to publish the updated app to app store. With this project, you can build your UIs from a json string, which is the UI protocal. The json string is very similar with the Flutter widget dart code. All widget type and widget properties are the same.

my_flutter_challenges - Flutter project containing all my flutter UI challenges

  •    Dart

A new Flutter project containing all my flutter UI challenges. You can find the source code of all challenges in the /lib folder. Or just click on the title of each challenge to see the source code of each image. This project is a starting point for a Flutter application.

flutter_calendar_carousel - Calendar widget for flutter that is swipeable horizontally

  •    Dart

Calendar widget for flutter that is swipeable horizontally. This widget can help you build your own calendar widget highly customizable. Now you can even add your icon for each event. For help getting started with Flutter, view our online documentation.

bottom_navy_bar - A beautiful and animated bottom navigation

  •    Dart

A beautiful and animated bottom navigation. The navigation bar use your current theme, but you are free to customize it.

flutter-go - flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

  •    Dart

flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档


FlutterScreens - A collection of Screens and attractive UIs built with Flutter ready to be used in your applications

  •    Dart

A collection of Login Screens, Buttons and Loaders with attractive UIs, built with Flutter, ready to be used in your applications.

table_calendar - Highly customizable, feature-packed Flutter Calendar with gestures, animations and multiple formats

  •    Dart

Highly customizable, feature-packed Flutter Calendar with gestures, animations and multiple formats. Make sure to check out example project. For additional info please refer to API docs.

Flutter-learning - :octocat::fire: :+1: :star2: :star: :star::star: Flutter从配置安装到填坑指南详解,Flutter相关Demo解读,项目实例,Dart语法详解

  •    Dart

:octocat::fire: :+1: :star2: :star: :star::star: Flutter从配置安装到填坑指南详解,Flutter相关Demo解读,项目实例,Dart语法详解

lime-flutter - Lime client built using flutter

  •    Dart

Lime is a social media app, which allows you to post images and text messages which will be visible inside a certain area. Lime was originally built in java as a native android app. In Order to provide an iOS version as well the app gets rebuilt using Flutter. We will release the iOS Flutter version soon all basic features are working and the plan is to replace the native app as soon as the flutter version becomes more powerful to provide an unified experience using one codebase. We will also build a web-version which also uses Dart as primary language. Lime is built using Dart and the amazing Flutter ❤️ For help getting started with Flutter, view our online documentation.

flutter-tetris - a tetris game powered by flutter. 使用flutter开发俄罗斯方块。

  •    Dart

使用Flutter开发的俄罗斯方块游戏。支持 Android, iOS, Windows, mac, Linux 以及 web.

plugins - Plugins for Flutter, including FlutterFire, maintained by the Flutter team

  •    Dart

This repo is a companion repo to the main flutter repo. It contains the source code for Flutter first-party plugins (i.e., plugins developed by the core Flutter team). Check the packages directory for all plugins. Flutter plugins enable access to platform-specific APIs. For more information about plugins, and how to use them, see https://flutter.io/platform-plugins/.

engine - The Flutter engine

  •    C++

Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS. The Flutter Engine is a portable runtime for hosting Flutter applications. It implements Flutter's core libraries, including animation and graphics, file and network I/O, accessibility support, plugin architecture, and a Dart runtime and compile toolchain. Most developers will interact with Flutter via the Flutter Framework, which provides a modern, reactive framework, and a rich set of platform, layout and foundation widgets.

zhihu-flutter - Flutter 高仿知乎 UI,非常漂亮,也非常流畅,flutter build apk 或 flutter build ios 之后更流畅

  •    Dart

Flutter 高仿知乎 UI,非常漂亮,也非常流畅,flutter build apk 或 flutter build ios 之后更流畅

GSYGithubAppFlutter - 超完整的Flutter项目,功能丰富,适合学习和日常使用。GSYGithubApp系列的优势:我们目前已经拥有Flutter、Weex、ReactNative三个版本。 功能齐全,项目框架内技术涉及面广,完成度高,持续维护,配套文章,适合全面学习,跨框架对比参考。跨平台的开源Github客户端App,更好的体验,更丰富的功能,旨在更好的日常管理和维护个人Github,提供更好更方便的驾车体验~~Σ( ̄。 ̄ノ)ノ。同款Weex版本 : https://github

  •    Dart

超完整的Flutter项目,功能丰富,适合学习和日常使用。GSYGithubApp系列的优势:我们目前已经拥有Flutter、Weex、ReactNative三个版本。 功能齐全,项目框架内技术涉及面广,完成度高,持续维护,配套文章,适合全面学习,跨框架对比参考。跨平台的开源Github客户端App,更好的体验,更丰富的功能,旨在更好的日常管理和维护个人Github,提供更好更方便的驾车体验~~Σ( ̄。 ̄ノ)ノ。同款Weex版本 : https://github.com/CarGuo/GSYGithubAppWeex 、同款React Native版本 : https://github.com/CarGuo/GSYGithubApp

auto_size_text - Flutter widget that automatically resizes text to fit perfectly within its bounds.

  •    Dart

Flutter widget that automatically resizes text to fit perfectly within its bounds. Also check out the blazing fast key-value store hive.

photo_view - 📸 Easy to use yet very customizable zoomable image widget for Flutter

  •    Dart

A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan with user gestures such as pinch, rotate and drag.

flutter-chat-app - A chat app built on Flutter with firebase authentication and image sharing capability

  •    Dart

A one-to-one chat app built on Flutter with firebase authentication and image sharing capability. For help getting started with Flutter, view the online documentation.