MilkyWay

With FROONT creating responsive websites is visual.
Check out how this website looks on different devices by clicking on the ruler above.
The fluid nature of web
Responsive design means design for various devices and screen sizes,  therefore your layouts must work well across all of them. In FROONT your canvas is fluid and all units are relative so your design adapts to the screen size nicely.
Design around the content
Content is the main part of your website and in responsive webdesign it makes sense to start with type. In FROONT fonts are rendered exactly the same way as users will see it.
See what you are designing
Webdesign is hard! We aim to speed up the prototyping stage of responsive webdesign – test your assumptions as soon as possible to focus more on the actual design, rather than repetitive coding. 

Watch our video tutorial

Learn some basic principles behind FROONT and HTML
Click on the video or watch it in a new window

Add some content yourself

Take FROONT for a test drive and add some content yourself! It is very easily to do – find an image on your desktop and simply drag it over existing content below:

Upload a bitmap image by dragging it over placeholder above – anything in JPG, PNG on GIF format will do.

Upload a Scalable Vector Graphic (SVG). You can create one simply by saving a shape as SVG out of Illustrator or any vector editing software you like.

Share!

This website is alive! Go and check it out by using the URL! Everything you create is automatically saved and instantly accessable from any device. Test your designs right away, share them with friends and clients.

FEEDBACK & SUPPORT
Copyright © 2013  FROONT Ltd

All rights reserved.
181 Fremont St.
San Francisco, CA 94105

lor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus. Sed odio est, auctor ac, sollicitudin in, consequat vitae, orci. Fusce id felis. Vivamus sollicitudin metus eget eros.

Nunc tempus felis vitae urna. Vivamus porttitor, neque at volutpat rutrum, purus nisi eleifend libero, a tempus libero lectus feugiat felis. Morbi diam mauris, viverra in, gravida eu, mattis in, ante. Morbi eget arcu. Morbi porta, libero id ullamcorper nonummy, nibh ligula pulvinar metus, eget consectetuer augue nisi quis lacus. Ut ac mi quis lacus mollis aliquam. Curabitur iaculis tempus eros. Curabitur vel mi sit amet magna malesuada ultrices. Ut nisi erat, fermentum vel, congue id, euismod in, elit. Fusce ultricies, orci ac feugiat suscipit, leo massa sodales velit, et scelerisque mi tortor at ipsum. Proin orci odio, commodo ac, gravida non, tristique vel, tellus. Pellentesque nibh libero, ultricies eu, sagittis non, mollis sed, justo. Praesent metus ipsum, pulvinar pulvinar, porta id, fringilla at, est.