Icon
Avion
Build Shape
Build Shape

Filter

Drag-and-Drop App Builder

Canvas & Layout

The canvas is a responsive viewport that renders your app live. Switch between Desktop (1440px), Tablet (768px), and Mobile (375px) breakpoints using the toolbar at the top. Changes in any breakpoint are isolated — setting a font size on mobile won't affect desktop.

Use Cmd+Shift+P to open the command palette and jump to any component instantly.


Component Library

120+ pre-built components across 8 categories:


Property

Type

Default

Description

Layout

Container, Grid, Flex, Divider

Structure the page with responsive layout primitives.

Forms

Input, Select, Checkbox, DatePicker

Capture user input — all wired to your database automatically.

Data

Table, List, Card, Calendar

Display and paginate data from your collections.

Charts

Line, Bar, Pie, Area, Funnel

Visualize metrics with drag-and-drop chart components.

Navigation

Navbar, Sidebar, Tabs, Breadcrumb

Page-level navigation with automatic routing.

Feedback

Modal, Toast, Alert, Tooltip

User feedback and notification components.

Auth

LoginForm, SignupForm, UserAvatar

Pre-built auth flows connected to your auth config.

AI

ChatWidget, AIButton, SuggestionList

Drop-in AI-powered components backed by OpenAI.



Props & Bindings

Every component prop accepts either a static value or a dynamic expression using double-brace syntax:



Keyboard Shortcuts


Property

Type

Default

Description

Cmd+Z / Ctrl+Z

Undo

Undo the last canvas action.

Cmd+D

Duplicate

Duplicate the selected component.

Cmd+G

Group

Group selected components into a container.

Cmd+P

Command palette

Fuzzy-search all components and actions.

Cmd+Enter

Deploy

Trigger a deployment directly from the canvas.

Drag-and-Drop App Builder

Canvas & Layout

The canvas is a responsive viewport that renders your app live. Switch between Desktop (1440px), Tablet (768px), and Mobile (375px) breakpoints using the toolbar at the top. Changes in any breakpoint are isolated — setting a font size on mobile won't affect desktop.

Use Cmd+Shift+P to open the command palette and jump to any component instantly.


Component Library

120+ pre-built components across 8 categories:


Property

Type

Default

Description

Layout

Container, Grid, Flex, Divider

Structure the page with responsive layout primitives.

Forms

Input, Select, Checkbox, DatePicker

Capture user input — all wired to your database automatically.

Data

Table, List, Card, Calendar

Display and paginate data from your collections.

Charts

Line, Bar, Pie, Area, Funnel

Visualize metrics with drag-and-drop chart components.

Navigation

Navbar, Sidebar, Tabs, Breadcrumb

Page-level navigation with automatic routing.

Feedback

Modal, Toast, Alert, Tooltip

User feedback and notification components.

Auth

LoginForm, SignupForm, UserAvatar

Pre-built auth flows connected to your auth config.

AI

ChatWidget, AIButton, SuggestionList

Drop-in AI-powered components backed by OpenAI.



Props & Bindings

Every component prop accepts either a static value or a dynamic expression using double-brace syntax:



Keyboard Shortcuts


Property

Type

Default

Description

Cmd+Z / Ctrl+Z

Undo

Undo the last canvas action.

Cmd+D

Duplicate

Duplicate the selected component.

Cmd+G

Group

Group selected components into a container.

Cmd+P

Command palette

Fuzzy-search all components and actions.

Cmd+Enter

Deploy

Trigger a deployment directly from the canvas.

Drag-and-Drop App Builder

Canvas & Layout

The canvas is a responsive viewport that renders your app live. Switch between Desktop (1440px), Tablet (768px), and Mobile (375px) breakpoints using the toolbar at the top. Changes in any breakpoint are isolated — setting a font size on mobile won't affect desktop.

Use Cmd+Shift+P to open the command palette and jump to any component instantly.


Component Library

120+ pre-built components across 8 categories:


Property

Type

Default

Description

Layout

Container, Grid, Flex, Divider

Structure the page with responsive layout primitives.

Forms

Input, Select, Checkbox, DatePicker

Capture user input — all wired to your database automatically.

Data

Table, List, Card, Calendar

Display and paginate data from your collections.

Charts

Line, Bar, Pie, Area, Funnel

Visualize metrics with drag-and-drop chart components.

Navigation

Navbar, Sidebar, Tabs, Breadcrumb

Page-level navigation with automatic routing.

Feedback

Modal, Toast, Alert, Tooltip

User feedback and notification components.

Auth

LoginForm, SignupForm, UserAvatar

Pre-built auth flows connected to your auth config.

AI

ChatWidget, AIButton, SuggestionList

Drop-in AI-powered components backed by OpenAI.



Props & Bindings

Every component prop accepts either a static value or a dynamic expression using double-brace syntax:



Keyboard Shortcuts


Property

Type

Default

Description

Cmd+Z / Ctrl+Z

Undo

Undo the last canvas action.

Cmd+D

Duplicate

Duplicate the selected component.

Cmd+G

Group

Group selected components into a container.

Cmd+P

Command palette

Fuzzy-search all components and actions.

Cmd+Enter

Deploy

Trigger a deployment directly from the canvas.

Create a free website with Framer, the website builder loved by startups, designers and agencies.