#Bootstrap website builder open source plus#
#Bootstrap website builder open source professional#

Most of the styling is accomplished with Bootstrap utility classes, plus a very short blocks.css stylesheet that adds a couple of classes that are missing, for example, setting the width of the border. The Blocks are currently available for Bootstrap 4 or 5. Our new blocks are designed with this workflow in mind.

Using CSS styling to perfect the details, if needed.

This gives us a well-defined three step process: Here, you can also use CSS grid to create out-of-the box layouts: The three steps workflow But the idea is to limit the need for custom CSS styling with having a flexible theming solution. Add custom CSS to spice up the designĪnd, for the third step, fully-featured CSS styling is already a core feature of the Pinegrow Web Editor. If needed we then use custom CSS styling to perfect the details. That said, the customization process could be even easier and that’s something we are already working on.ĭoing these two steps – creating the structure with content and customizing the theme – can get us very close to the finished project. You can create unique designs by just changing the colors and fonts. Theming the design system can then be accomplished with Pinegrow’s built-in support for customizing Bootstrap themes.Ĭustomizing colors and fonts is very easy and powerful. The best approach is that the bulk of the visual styling happens through theming – customizing a design system according to the brand and purpose of each individual project. How do we then create unique designs? Do we have to tweak hundreds of CSS rules for each project? Coupling the blocks with one particular style – no matter how pretty – would make the blocks unusable on projects with different design needs. Why don’t the blocks have a fancier design?Įvery project has unique visual requirements. They are good-looking but under-designed on purpose. Our new blocks represent the content and structure of a website. That is exactly the concept behind our new Blocks library. Their visual style is something that should be added on top of that, to match the visual language of every individual project. The essence of blocks are content and structureĪt their essence, blocks represent content and structure. Going down this road, you end up with many different sets of blocks, designed for different styles and industries, for example Elegant Restaurant Blocks, Modern Restaurant Blocks and so on.

However, under the hood, the blocks were hard to maintain and more importantly, something felt wrong with having an ever growing collection of blocks that are so tightly coupled with their design. The blocks were a very popular feature that let users quickly build good looking websites. In 2015 we added Bootstrap 3 Blocks to the Pinegrow Web Editor.

#Bootstrap website builder open source professional#

Janu– Added two templates: SaaS landing and Professional services.ĭecem– Added Blog posts, Counters and Dividers, 40 blocks all together. Ma– Added Directory template and new blocks categories Shop and Forms. Use the new Bootstrap Blocks library and a simple three step process to easily create uniquely designed websites.