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

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

by
dot.gallery
•

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
Diana Neculai
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.
Kesava Mandiga
@diananeculai @st3fan ❤️ this awesome collection of design blocks! 🤘🏻
Stefan Neculai
Maker
@k3sava Thanks! 🙏
Diana Neculai
Maker
@k3sava Thanks. Hope it will power many of your future projects!
Kesava Mandiga
@diana_neculai I'm just getting started with Bootstrap 4, so will definitely try to reverse engineer as many elements as I can to learn. 🤝
Stefan Neculai
Maker
@k3sava we've just put together version 2: https://www.producthunt.com/post.... Would love hearing your thoughts on it!
Alexandru Paduraru
Vibrant gradients, perfect Bootstrap 4 code structure and a looooooot of blocks! Great product guys! Congrats!
Stefan Neculai
Maker
@axelut Thanks for the feedback! You have a great eye for design, so I highly value your feedback.
Abude Bayassi

Keep up the good work.

Awesome product.

Pros:

Simply looks amazing and fulfill my needs

Cons:

none

Sherlock Vilmes Vic Vilmes
But how do we use it? Downloaded, and then what? What scripts / styles to include and how to import blocks etc, any documentation anywhere?
Kyle Charlitos
@vilmes21 on the github page https://www.producthunt.com/r/77... Also, are the examples broken? Or are they not interactive?
Alexandru Gliga
I'm waiting the "industrial graph" too :) to make sure we won't pay too much the web designer.
Angel Vázquez
Thank you for this. Will be using it in a new project 🙌🏻
Stefan Neculai
Maker
@avzquez Please make sure you share it with us once it's ready!
Angel Vázquez
@st3fan Will do!
Chip BORODESCU
Great job @st3fan & @diana_neculai! 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? 🙏 💪 😊
Diana Neculai
Maker
Thanks @cborodescu. 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 (https://github.com/froala/design...), 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.
Stefan Neculai
Maker
@cborodescu 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 (https://onsen.io/), and I think it worths taking a look at it.
Vivek Khandelwal
This is awesome @diananeculai. Brilliant stuff.
Diana Neculai
Maker
Thanks a lot, @vivekk.
Satwik Relwani
Amazing Stuff , Mind BLOWN!
Stefan Neculai
Maker
@gadgeek check the builder we made for it: https://www.froala.com/design-bl....
Satwik Relwani
@st3fan woa , thats amazing , i use elementor builder in wordpress n this seems just like it without CMS
iMarty
Great product. I would love to have the psd version of the blocks !
Diana Neculai
Maker
@igor_marty Thanks. The PSD version is currently work in progress. You can check it out on GitHub: https://github.com/froala/design...
Joseph Le
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)!!
Stefan Neculai
Maker
@josephnqle Looking forward to your feedback!
Stefan Neculai
Maker
@josephnqle what do you think about Froala Design Blocks 2 https://www.producthunt.com/post...? 😀
Igor Malchenko
Basically dream come true, will be using this in my website
Stefan Neculai
Maker
@imalchenko Great! Looking forward to see how it integrates within your website!
Stefan Neculai
Maker
@imalchenko We've updated it to version 2 now: https://www.producthunt.com/post.... Would love to hear your feedback! 🙏
12
Next
Last