| title | Widget catalog |
|---|---|
| description | A catalog of some of Flutter's rich set of widgets. |
| short-title | Widgets |
Create beautiful apps faster with Flutter's collection of visual, structural, platform, and interactive widgets. In addition to browsing widgets by category, you can also see all the widgets in the widget index.
{% assign categories = site.data.catalog.index | sort: 'name' -%}
{% for section in categories %}
{% if section.name != "Material 2 Components" %}
{% endif -%}
{% endfor %}
{{section.name}}
{{section.description}}
100+ short, 1 minute explainer videos to help you quickly get started with Flutter widgets.
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/1z6YP7YmvwA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/VdkRy3yZiPo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/gYNTcgZVcWw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/-Nny8kzW380" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/y9xchtVTtqQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.youtube-site}}/embed/qjA0JFiPMnQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>