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

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

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

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

Похожие записи

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

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