Froala
The most lightweight, customizable, and elegant editor.
Start new thread

Froala Design Blocks - 170+ free responsive design blocks based on Bootstrap 4

by•

Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.

Build awesome websites faster by using popular website layouts grouped in 10 categories.

Add a comment

Replies

Best
Maker
Hi Product Hunt, Here, at Froala, our goal is to create an open environment for web design that can help both devs and us - the everyday Internet users - browse better websites. We launched a collection of over 170 Design Blocks to empower developers to focus more on functionality rather than design. The Froala Design Blocks project is built on Bootstrap 4; it’s responsive, open source and free to use. We need your help to grow a community around this Open Source project and make a change on how the websites are designed. We’d love to get some feedback, and I’m happy to answer questions.
❤️ this awesome collection of design blocks! 🤘🏻
Maker
Thanks! 🙏
Maker
Thanks. Hope it will power many of your future projects!
I'm just getting started with Bootstrap 4, so will definitely try to reverse engineer as many elements as I can to learn. 🤝
Maker
we've just put together version 2: . Would love hearing your thoughts on it!
Vibrant gradients, perfect Bootstrap 4 code structure and a looooooot of blocks! Great product guys! Congrats!
Maker
Thanks for the feedback! You have a great eye for design, so I highly value your feedback.

Keep up the good work.

Awesome product.

Pros:

Simply looks amazing and fulfill my needs

Cons:

none

But how do we use it? Downloaded, and then what? What scripts / styles to include and how to import blocks etc, any documentation anywhere?
on the github page Also, are the examples broken? Or are they not interactive?
I'm waiting the "industrial graph" too :) to make sure we won't pay too much the web designer.
Thank you for this. Will be using it in a new project 🙌🏻
Maker
Please make sure you share it with us once it's ready!
Will do!
Great job & ! We've been looking to create something like this for progressive web applications - specifically for mobile. Do you think we could use Froala Design Blocks as inspiration (we'll make sure to mention you guys) in our own soon-to-come Progressive Web App UI Library? 🙏 💪 😊
Maker
Thanks . Our goal is to encourage worldwide development of collaborative web and mobile design projects and to provide an open platform in which design may be shared and improved in partnership with others. The best thing to do, for web and mobile apps, is to have one powerful framework that developers can rely on, rather than creating multiple similar projects, overwhelming front-end developers who already have to deal with all the Javascript changes. Even so, I would definitely need more details about your project before giving you an exact answer. According to the Froala Open Web Design License (), if your product isn't a Derivative Work, then you have the freedom create your own royalty-free product. However, if your product is a Derivative Work, then you will have to release your project under the same license Froala Design Blocks is. Hope I answered your question. Let me know if there's anything else you would like to know.
Maker
our research to create a bridge for a seamless integration of the Froala Design Blocks with the front-end frameworks/libraries (React, Angular, Vue, etc.), lead us to Web Components as being one of the best approaches. And we're excited about the idea of adding them in the next iteration. In a discussion with a fellow developer, he mentioned Onsen UI (), and I think it worths taking a look at it.
This is awesome . Brilliant stuff.
Maker
Thanks a lot, .
Amazing Stuff , Mind BLOWN!
Maker
check the builder we made for it: .
woa , thats amazing , i use elementor builder in wordpress n this seems just like it without CMS
Great product. I would love to have the psd version of the blocks !
Maker
Thanks. The PSD version is currently work in progress. You can check it out on GitHub:
Been using Froala Editor for years in my projects and I love it! Really excited to try out Design Blocks (and save myself loads of time)!!
Maker
Looking forward to your feedback!
Maker
what do you think about Froala Design Blocks 2 ? 😀
Basically dream come true, will be using this in my website
Maker
Great! Looking forward to see how it integrates within your website!
Maker
We've updated it to version 2 now: . Would love to hear your feedback! 🙏
12
Next
Last