We see web design visually, therefore it makes sense to produce design in a visual way. Yet you can always access the code if needed. Drag and drop editor, ability to see web fonts and check the design on a mobile device straight away, that’s what we call next generation design tool.
Truly responsive layouts
Full controll how your layouts ferform on mobile devices. Design mobile layouts by moving breakpoints wher it is needed for the content and build truly device independent web sites.
Animations
Add Behaviours to create simple element loading animations and spice up your design. You can choose from the ones we have or using some coding add your own.
Parallax
Library of components
Library is filled with smart, predesign elements to simplify design process. Simply drag them into your page to start designing. You can modify them later and save in your private library to reuse in other projects.
Add your own domain name
Adding an existing domain name and host your website on FROONT is super simple. Just add a domain or s subdomain. Amazon CDN (content delivery network) speeds up the loading times wherever your visitors are.
Full code export
Library is filled with smart, predesign elements to simplify design process. Simply drag them into your page to start designing. You can modify them later and save in your private library to reuse in other projects.
Forms to collect emails
Add forms to collect emails from your visitors. FROONT forms currently work out of the box with Mailchimp. More integrations are coming soon.
There is more...
Advanced support for classes
Design with text and object styles (classes) to keep the project easy to maintain later. It not only helps SEO and keeps the web semantic, but also helps maintaining projects way easier.
Web Fonts from Google and Typekit
More than 1500 web fonts from Google and Adobe Typekit to choose from. Of course you can use any system font as well. Check how your typogrphy is rendered on the real devices!
Open sourced web design
Embrace the power of the community! You can twin any open design and use it as a template or starting point for your own designs. It also comes handy when you want to learn how ather pages are built.
Scalable Vector Graphics (SVG)
Import vectors in to design using SVGs to speed up design process. Create resolution independent graphics that are always sharp and feel free to change the colors as you go.
Live design preview on any device
All your design process is sharable right from the start. Each page has a URL you can open on any device to see how it performs on various browsers and screens.
Static pages optimized for speed
Embrace the benefits of static pages – they don’t need a fancy database, are easy maintain and to cash thus loading times are dramatically improved. (Check what Ghost is saying)
Speak the web's language
FROONT is using CSS 3 and HTML 5 to deliver that websites you create work on all modern desktop and mobile browsers. No heavy-weight JavaScript libraries, no unpredictable hacks.
No install, design in the browser
Static design tools are great for what they are meant for. We go a step further into responsive design, interactivity, designing with real typefaces, animations, parralax and other web effects in mind.
Versions and autobackups
Be sure not to loose any of your work with auto-backups. Save versions of your design process to save the best ideas. Controll which vershin is accessible to the public and which one is kept private.
