• Design
  • Explore
  • Learn
  • Log In
  • Sign Up
  • Academy
  • Knowledge base

Academy

The Academy section consists of small video tutorials, each focusing on a specific aspect of building a responsive website. Whether you want to know all about grid widgets, setting breakpoints, or just getting started, we have a video to walk you through it.

  • 3:50
    Basic principles of the responsive web design
    The flow, relative units, min and max values, breakpoints and other concepts that will help you getting started.
  • 00:39
    How to get started
    Get started with Froont in no time. In this video we explain how to create your first project.
  • 2:07
    The interface
    Learn the basics of Froont’s interface. The Library, Properties panel, Breakpoints ruler and more.
  • 00:59
    Animations
    Learn how to use animations, different types of position types and more.
  • 2:01
    Image types
    Working with multiple types of images in Froont. Backgrounds, regular images and SVGs – know the power of each of them.
  • 1:32
    The Library
    Library contains various page elements. Learn how they are organized and where to find the ones you need.
  • 1:10
    Publishing
    Learn how to publish your designs by adding your own domain name or by exporting the code.
  • 1:09
    Navigation
    Know the difference between navigation types and how to modify them.
  • 1:44
    Text styles
    Embrace the power of text styles to speed up your workflow and produce better code.
  • 2:10
    Typography
    How to work with typography and text styles
  • 2:30
    The layout
    Learn how to build layout elements in Froont

© 2023 FROONT
San Francisco / Helsinki / Riga

hello@froont.com
  • Blog
  • FAQ
  • Terms and Privacy