Flutter web app | Примеры веб приложений

С выходом Flutter’s web в stable веб-поддержка Flutter достигла стабильного релиза. Примеры веб приложений на Flutter 2 и Dart (Flutter web app example).

Flutter Gallery

https://gallery.flutter.dev/

Галерея приложений Flutter Gallery

Галерея Flutter — это ресурс, который помогает разработчикам оценивать и использовать Flutter.

Flutter Gallery содержит коллекцию виджетов Material Design & Cupertino, моделей поведения и виньеток, реализованных с помощью Flutter Web.

Данная галерея приложений демонстрирует Флаттер в действии, а так же показывает, как фреймворк ведет себя в «дикой природе».

Flutter Gallery был создан для поддержки нескольких платформ:

  • Android
  • iOS
  • web
  • macOS
  • Linux
  • Windows

Для ознакомления с возможностями Flutter в галерее представлены несколько приложений:

  • Reply — приложение для работы с email почтой
  • Shrine — e-commerce приложение
  • Rally — приложение для учета финансов
  • Crane — персонализированное приложение для путешествий
  • Fortnightly — новостное приложение, ориентированное на контент
  • Starter app — адаптивный стартовый макет

Код web app на Github:

Rive app

https://rive.app/

Flutter Веб приложение Rive.app
Веб приложение Rive.app

Rive — инструмент для совместной работы, созданный с помощью Flutter для создания анимированной графики.

Flutter Plasma

https://flutterplasma.dev/

Веб приложение Flutterplasma
Веб приложение Flutterplasma

Эта демонстрация показывает возможности Flutter в сети web. Визуализация построена с помощью с CanvasKit , который позволяет отображать команды рисования Skia в браузере с помощью WebAssembly и WebGL.

  • Это не видео. Предварительно созданные визуальные ресурсы не используются.
  • Включи свой звук.
  • Наслаждайся представлением.

Предупреждение о припадках: не смотрите эту демонстрацию, если вы страдаете светочувствительной эпилепсией.

Ссылка на Github с кодом приложения

Flutter Folio

https://flutter.gskinner.com/

Веб приложение flutter folio
Веб приложение flutter folio

Платформенное адаптивное приложение Flutter Folio для скрапбукинга.

Ссылка на Github с кодом приложения

Photo Booth

https://photobooth.flutter.dev/#/

Веб приложение Photo Booth Flutter
Веб приложение Photo Booth

Добро пожаловать в фотобудку Google I ∕ O. Сделайте фото и поделитесь им с Flutter сообществом!

Веб-приложение работает с камерой устройства.

Dashatar

https://dashatar-dev.web.app/#/

Веб-приложение Dashatar
Веб-приложение Dashatar

Создайте свой Dashatar. Скачайте его или загрузите в соц. сети.

Charts

https://flutter.github.io/samples/web/charts/#/

пример веб приложения Flutter Charts
пример веб приложения Flutter Charts (Графики)

Примеры пакета charts_flutter, запущенного в web.

Slide Puzzle

https://flutter.github.io/samples/web/slide_puzzle/#/

Слайд (15) головоломка, реализованная в Dart и Flutter.
игра Slide Puzzle

Слайд (15-шка) головоломка, реализованная в Dart и Flutter.

Dice

https://z.flutter.gallery/examples/#/dice

Визуализация работы с Zflutter

Это лишь малы перечень flutter web examples (примеры приложений flutter web). Больше примеров веб приложений на флаттер можно найти здесь.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *