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

Flutter web app - Примеры веб-приложений и сайтов
Flutter web app - Примеры веб-приложений и сайтов

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

Подробнее о поддержке web на официальном сайте с документацией по Flutter:

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. Скачайте его или загрузите в соц. сети.

Smart Admin Panel & Dashboard

https://github.com/deniscolak/smart-admin-dashboard

Пример web-приложения на Flutter | Smart Admin Panel & Dashboard
Пример web-приложения на Flutter | Smart Admin Panel & Dashboard

Панель администратора и панели управления Flutter Web Smart с комплектом пользовательского интерфейса Flutter UI kit.

Responsive and Animated Portfolio Website & App — Flutter UI

https://github.com/abuanwar072/Responsive-and-Animated-Portfolio-Flutter

Адаптивный и анимированный веб-сайт и приложение с портфолио с использованием флаттера
Адаптивный и анимированный веб-сайт и приложение с портфолио с использованием флаттера

Адаптивный и анимированный веб-сайт и приложение с портфолио с использованием Flutter.

instagram web redesign

https://github.com/BenjaminMahmic/instagram_web_redesign

web приложение - клон instagram на flutter
web приложение — клон instagram на flutter

Полностью отзывчивый интерфейс веб-инстаграма flutter с измененным дизайном. (Поддерживает web, планшет, мобильный режим).

Landing Page using Flutter (Web)

https://github.com/matiasdev30/psg_messi_ui

Landing Page сделано на Flutter Web Psg Messi
Landing Page сделано на Flutter Web Psg Messi

Целевая страница Psg Messi с использованием Flutter (Интернет)

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). Больше примеров веб приложений на флаттер можно найти здесь.

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