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

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

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

• Основы языка программирования Dart. Учебник (FA0100)16.11.2022
• Flutter курсы на русском языке03.11.2022
• Dart книги01.11.2022
• Flutter книги01.11.2022
• Книги по дизайну мобильных приложений21.06.2022

Flutter Gallery

https://gallery.flutter.dev/

Галерея 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/

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

Flutter Plasma

https://flutterplasma.dev/

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

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

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

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

Flutter Folio

https://flutter.gskinner.com/

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

• Telegram
• VK
• Mail