Subscribe
Sign in
Froala Design Blocks — 170+ free responsive design blocks based on Bootstrap 4
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.
43
Replies
@axelut Thanks for the feedback! You have a great eye for design, so I highly value your feedback.
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? 🙏 💪 😊
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.
@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.
@josephnqle what do you think about Froala Design Blocks 2 https://www.producthunt.com/post...? 😀
@gadgeek check the builder we made for it: https://www.froala.com/design-bl....
@st3fan woa , thats amazing , i use elementor builder in wordpress n this seems just like it without CMS
Hi everyone,
We have some updates to share with you. We want to create a better experience for those using the Froala Design Blocks, and for this reason we created this building tool: https://www.froala.com/design-bl....
Design blocks are now easier to browse and combine, and at the end you can download your design for free. Give it a try and let us know what you think.
Hi everyone. We know how much you enjoyed our design blocks and for this reason we are releasing a new version today. Check it out and see for yourselves: https://www.producthunt.com/post...
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.
@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. 🤝
@k3sava we've just put together version 2: https://www.producthunt.com/post.... Would love hearing your thoughts on it!
As a designer, it made my work way too easy. The fact that it is completely free makes it worth using for startups like ours.
Pros:Elegant UI elements with responsiveness.
Cons:Is there any?
@igor_marty Thanks. The PSD version is currently work in progress. You can check it out on GitHub: https://github.com/froala/design...
Thanks, Fatih! Make sure you don't miss the builder we've made for it: https://www.froala.com/design-bl....
Hi guys.
One thing that's very important to the developers is having good documentation for your product. This is something that I see missing from yours.
I immediately had some questions that are not answered anywhere on the repo or on the product page.
How do I import it into my project as scss? Why is nothing styled after I copy/paste the scss files? Does it have the option to set some styles globally or do I have to use `.fdb-block` all the time? How can I theme it even more? What is the best way to add blocks that aren't there and still keep the theming? With what version of Bootstrap is it compatible? Plans and timeline for upgrade?
I would also find useful a page with the components as html not only jpegs.
I think that what you built is great. It extends Bootstrap even more, but it doesn't seem like a ready to use, stable and commited tool for developers.
Keep up the great work!
Thank you,
@adrianthedev Thanks for the feedback!
Indeed, there are few things which should be improved and we're working on that. Starting with a clear documentation. I have to admit that we've been a little unprepared and we didn't expect to have such a reach with the Design Blocks. We're now gathering all the feedback and preparing a new better version for both the blocks and the presentation website.
@adrianthedev we've just release version 2 for it. What do you think https://www.producthunt.com/post...?
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?
@vilmes21 on the github page https://www.producthunt.com/r/77...
Also, are the examples broken? Or are they not interactive?
@valerbu thanks! All blocks are responsive - we'll put updated screenshots with them shortly. Also, more blocks are to come.
@imalchenko Great! Looking forward to see how it integrates within your website!
@imalchenko We've updated it to version 2 now: https://www.producthunt.com/post.... Would love to hear your feedback! 🙏
Creative Tim