Responsive Layouts

Feathery forms have built-in responsiveness that is also customizable by you at a granular level.

Feathery forms will automatically adjust your layout as much as possible to fit a mobile viewport. You can also easily create a custom mobile design by toggling to the mobile viewport in the designer.

Note that in the mobile view, any styles you set on your form will be mobile-only.

In the mobile view, any styles you set will be mobile-only. To clear out mobile-only styling, click on the blue highlighted label of the mobile-only style and click Reset to Desktop.

Your mobile layout and desktop layout will stay linked unless you adjust the dimension of a container. You can easily re-link your layouts in the mobile step panel.

Rotate Axis

You can quickly create mobile optimized layouts by rotating a container's axis. That action to Rotate into rows or Rotate into Columns can be found in the right click overflow menu and in the properties panel of the container.

Element & Container Styles

Set custom mobile styles for width, height, padding, font size, and more.

Toggle basic elements visibility to hide or swap out designs on mobile.

Demo