-
- {% for case in site.data.showcases %}
- {% if case.featured %}
- {% capture loopCount %}{% increment showcaseCounter %}{% endcapture %}
-
- {% endif %}
- {% endfor %}
-
- {% for case in site.data.showcases %}
- {% if case.featured %}
-
- {% endif %}
- {% endfor %}
-
+Apps take flight with Flutter
+See how customers are using Flutter to make beautiful apps in record time
-
+
-
-
+
-
- Made with Flutter
-- Flutter is used by Google and developers and organizations around the world to deliver beautiful native apps on - iOS and Android. Here's a small selection of apps made with Flutter. Also see the - Flutter App Highlight Reel. -
-
{% for case in site.data.showcases %}
- {% capture modulo3 %}{{ forloop.index0 | modulo:3 }}{% endcapture %}
- {% if modulo3 == '0' %}
-
- {% endif %}
-
-
+ {% if case.featured %}
+
+
-
+
+ {% endif %}
{% endfor %}
+
+ {% capture image_src_400 %}{% asset '{{ case.card_image | replace: "@", "-400" }}' @path %}{% endcapture %}
+ {% capture image_src_600 %}{% asset '{{ case.card_image | replace: "@", "-600" }}' @path %}{% endcapture %}
+ {% assign image_src_full_size = image_src_600 %}
+
+ {% if forloop.index0 < 2 %}
+ {% capture image_src_1200 %}{% asset '{{ case.card_image | replace: "@", "-1200" }}' @path %}{% endcapture %}
+ {% assign image_src_full_size = image_src_1200 %}
+ {% endif %}
+
+ 
+
- {% endif %}
+
+
+ {% if case.play_store_link or case.app_store_link or case.learn_more_link or case.card_video %}
- {% if modulo3 == '2' or forloop.last %}
+ {% endif %}
{% if case.logo_src %}
- {% asset '{{ case.logo_src }}' class='landing-page__case-studies__logo' %}
+ {% asset '{{ case.logo_src }}' class='logo' alt="{{ case.name }}" %}
+ {% unless case.logo_has_name %} {{ case.name }}{% endunless -%}
{% endif %}
-
-
+ {{ case.name }}
-{{ case.description }}
-{{ case.description | truncate: 160 }}
+
-
+
+
+
+
+ {% assign testimonials = site.data.showcases | where: "quote_testimonial", true %}
+
+
-
-
Join the growing list of organizations building beautiful apps with Flutter.
+
+
+-
+ {% for logo in site.data.company_logos %}
+
- + {% asset '{{ logo.logo_src }}' class="logo-image" alt="{{ logo.alt_text }}"%} + + {% endfor %} +
+
+
+ Hear it from the developers
+ +
+
+ {% for case in testimonials %}
+
+
+
+ {% endfor %}
+
+
+
+ {% capture image_src_400 %}{% asset '{{ case.video_frame_image | replace: "@", "-400" }}' @path %}{% endcapture %}
+ {% capture image_src_800 %}{% asset '{{ case.video_frame_image | replace: "@", "-800" }}' @path %}{% endcapture %}
+ {% capture image_src_1200 %}{% asset '{{ case.video_frame_image | replace: "@", "-1200" }}' @path %}{% endcapture %}
+ 
+
+
+ ++{{ case.quote }}
+ +
-
+ {% for case in testimonials %}
+
+ {% endfor %}
+
-
+
+
+
+
Try Flutter today.
-It’s free and open source.
- Get started +More apps made with Flutter
+
+ {% for case in site.data.showcases %}
+ {% unless case.featured %}
+
+
+ Explore more Flutter-powered apps
+
+
+
+ {% endunless %}
+ {% endfor %}
+ {% capture image_src_400 %}{% asset '{{ case.card_image | replace: "@", "-400" }}' @path %}{% endcapture %}
+ {% capture image_src_600 %}{% asset '{{ case.card_image | replace: "@", "-600" }}' @path %}{% endcapture %}
+ 
+
+
+
+ {% if case.play_store_link or case.app_store_link or case.learn_more_link or case.card_video %}
+
+ {% endif %}
+
+ {% if case.logo_src %}
+ {% asset '{{ case.logo_src }}' class='logo' alt="{{ case.name }}" %}
+ {% unless case.logo_has_name %} {{ case.name }}{% endunless -%}
+ {% endif %}
+
+ {{ case.description | truncate: 160 }}
+