Froala Pages

Plug and play web page design and editing JavaScript tool for your web application.

Published by Froala
Distributed by ComponentSource since 2020

Version: v1.1.0 Updated: May 8, 2020


Please note: Froala Pages became a Free Tool on December 9th 2020.

About Froala Pages

Plug and play web page design and editing JavaScript tool for your web application.

Froala Pages is a Javascript tool which enables developers to add a website building experience to any web app. It combines the power of the Froala Editor with the look of Froala Design Blocks. Froala Pages Design Blocks offers a fast and easy way for your users to create and edit standardized and customizable web content using a modular web design system. Code quality and architecture, documentation and guides make the Froala page builder a pleasure to use for any developer. From custom design blocks to custom features, Froala page builder is designed to be adaptive and easy to extend.

A Page Builder for any Modern App
Include a page building experience in your application without reinventing the wheel.

Edit and Design Modes
Edit and Design in the same place, but not with the same interface. The UI has built-in modes, each of them conceived to optimize your focus on what you need.

  • Edit - A true What You See Is What You Get (WYSIWYG) interface to edit the content on your web page.
  • Design - Optimized for searching and combining design blocks that form a web page.

Design Blocks
Froala Pages uses a modular concept of designing web pages. Design blocks accelerate the design process and offers uniformity and consistency among different sections of your website.

  • Default Blocks - Use the JavaScript page builder right away with Froala Design Blocks.
  • Custom Blocks - Need something different? Build your own block to use with Pages.
  • Responsive - The default design blocks are responsive and have been tested.


  • Modern Design - Froala carefully analyzed the latest industry trends and designed a nice modern interface that users will love.
  • Intuitive UI - Froala page builder was designed with usability in mind and has a very intuitive UI that users will find natural to use.
  • Drag and Drop - People love drag and drop because it feels natural and makes things a lot easier.
  • Custom Toolbars - Too many buttons? Perhaps not in the right order? You have full control over the editor’s toolbar functionality on each screen size.
  • Custom Behavior - No two applications are the same and the page builder was built for any use-case. Everything can be customized or custom made.,/li>
  • SVG Icons - The page builder uses SVG icons, scalable vector icons that look gorgeous at any size and on any screen.

Froala WYSIWYG HTML Editor
Built to the same standards and inheriting all the benefits of Froala's WYSIWYG Editor.

  • Easy to Integrate - The page builder can be integrated in any kind of projects in no time. It requires only basic JavaScript and HTML coding knowledge.
  • Easy to Upgrade - Keep all your customizations separated from the editor folder and upgrading is just a matter of downloading the new version.
  • High Quality Code - For us high quality code means LTFCE, in other words: Legible, Testable, Flexible, Compliant and Economical.
  • Cross Browser - Are you an Apple fan? Or Microsoft? It doesn’t matter, our editor will work the same on Safari, Internet Explorer and other browsers.
  • No Dependencies - No dependencies, not even jQuery, just pure Vanilla JavaScript. The go-to option for any developer in any stack.
  • Performant - Froala Pages is designed with performance in mind and will withstand the most rigorous tests.

By Devs, for Devs
Froala obsesses over developer experience. Code quality, architecture, documentation and guides make the Froala Page Builder a pleasure to use for any developer.

  • Powerful API - Froala Page Builder comes with a powerful JavaScript API that allows you to easily customize and interact with the builder.
  • Rich Documentation - A powerful API accompanied by a complete documentation is what all developers dream to play around with.
  • Customizable Functionality - The page builder’s functionality is highly customizable. Use the API to change the default behavior or edit the source code.
  • Extendable - Specific websites may require specific features. Easily create a plugin to extend the Froala Page Builder’s functionality.