Flutter web app | Примеры веб приложений
Содержание статьи
С выходом Flutter’s web в stable веб-поддержка Flutter достигла стабильного релиза. Примеры веб приложений на Flutter 2 и Dart (Flutter web app example).
Подробнее о поддержке web на официальном сайте с документацией по Flutter:
- Книги по дизайну мобильных приложений
- Что нового в Flutter 3
- Программа по Flutter на Google I/O 2022
- Урок 4. Создание нового Flutter приложения
- AppMetrica SDK для Flutter
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

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

Эта демонстрация показывает возможности Flutter в сети web. Визуализация построена с помощью с CanvasKit , который позволяет отображать команды рисования Skia в браузере с помощью WebAssembly и WebGL.
- Это не видео. Предварительно созданные визуальные ресурсы не используются.
- Включи свой звук.
- Наслаждайся представлением.
Предупреждение о припадках: не смотрите эту демонстрацию, если вы страдаете светочувствительной эпилепсией.
Ссылка на Github с кодом приложения
Flutter Folio

Платформенное адаптивное приложение Flutter Folio для скрапбукинга.
Ссылка на Github с кодом приложения
Photo Booth
https://photobooth.flutter.dev/#/

Добро пожаловать в фотобудку Google I ∕ O. Сделайте фото и поделитесь им с Flutter сообществом!
Веб-приложение работает с камерой устройства.
Dashatar
https://dashatar-dev.web.app/#/

Создайте свой Dashatar. Скачайте его или загрузите в соц. сети.
Smart Admin Panel & Dashboard
https://github.com/deniscolak/smart-admin-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

Полностью отзывчивый интерфейс веб-инстаграма flutter с измененным дизайном. (Поддерживает web, планшет, мобильный режим).
Landing Page using Flutter (Web)
https://github.com/matiasdev30/psg_messi_ui

Целевая страница Psg Messi с использованием Flutter (Интернет)
Charts
https://flutter.github.io/samples/web/charts/#/

Примеры пакета charts_flutter, запущенного в web.
Slide Puzzle
https://flutter.github.io/samples/web/slide_puzzle/#/

Слайд (15-шка) головоломка, реализованная в Dart и Flutter.
Dice
https://z.flutter.gallery/examples/#/dice

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