# Basic Widgets

> This page is about FlutterFlow Studio (the visual builder), not FlutterFlow (the app builder you use by describing your app).

URL: https://docs.flutterflow.io/resources/ui/widgets/basic-widgets

FlutterFlow Studio offers a range of basic widgets that are the building blocks of a Page or Component. In this guide, we'll cover five fundamental widgets: Container, Text, Icon, Button, and Image. Understanding these widgets is crucial for building any FlutterFlow Studio app.

FlutterFlow Studio offers a range of basic widgets that are the building blocks of a Page or Component. In this guide, we'll cover five fundamental widgets: **Container**, **Text, Icon, Button,** and **Image**. Understanding these widgets is crucial for building any FlutterFlow Studio app.

![basic-widgets.png](https://docs.flutterflow.io/assets/images/basic-widgets-a4c8ea362895b6f1a4472cbc0ad025ca.png)

Some basic widgets include: 
- **[Container](https://docs.flutterflow.io/resources/ui/widgets/container)**: The **Container** widget is one of the most commonly used widgets in FlutterFlow Studio. It allows you to create a rectangular or circular box that is allowed to have one single child - any other basic or advanced widget, and you can style it with various properties such as padding, margins, borders, and colors, etc.
- **[Text](https://docs.flutterflow.io/resources/ui/widgets/text)**: The **Text** widget is used to display a string of text with single style. It’s a basic yet powerful widget that allows you to customize text appearance, alignment, and behavior.

- **[Icon](https://docs.flutterflow.io/resources/ui/widgets/icons)**: The **Icon** widget is used to display an icon from the Material Icons, Font Awesome or your own custom icons set. Icons are essential for building user-friendly interfaces, providing visual cues to users.

- **[Button](https://docs.flutterflow.io/resources/ui/widgets/button)**: In FlutterFlow Studio, **Button** widgets are specialized interactive elements that come with built-in visual feedback and default hover properties.

- **[Image](https://docs.flutterflow.io/resources/ui/widgets/image)**: The **Image** widget is used to display images in your app. FlutterFlow Studio supports various sources for images, including assets, network URLs, and uploaded files.