Subscribe
Sign in
Froala Design Blocks 2 — Free responsive design blocks based on Bootstrap 4.
Over 170 Bootstrap 4 based responsive design blocks ready to be used by developers or designers alike to create beautiful modern websites. The project is Open Source and free to use in web and mobile applications. Froala Design Blocks is available in HTML5, Angular JS, React JS, Vue JS, Photoshop and even Sketch.
31
Replies
Best
Amazing. @st3fan, what's your business model? Would love to understand how you can sustain all the time and effort that goes into making and supporting a resource like this.
Excited to use this for my next landing page!
@bryce_york It's great to hear that you like it! There are too many websites that still look bad, and we're here to make web look better. We're not making any money out of the Design Blocks and we actually invest part of our revenue from the Froala Editor (https://www.froala.com/wysiwyg-e...) to make it. Also, we're contributing to it in the spare time and we couldn't have got here with all the help from the community: https://github.com/froala/design....
Hi Product Hunt,
Last year we've made Froala Design Blocks available to all of you and your feedback was amazing. Now it powers lots of websites and helped developers and designers to get their ideas to life faster. 😊
Design is evolving fast, thus we got to version 2 now. It integrates the latest design trends and makes use of the new features added in Bootstrap 4. Moreover, we made it ready to use in Angular JS, React JS and Vue JS so you can add them faster in your apps.
We believe that Design Blocks should be the bridge of communication between developers and designers. Designers can get PSDs or Sketches, combine them together and then pass over to the developers to implement them fast in code.
We're also introducing a new tool to help you combine designs right away on our website and then download the HTML files. It is called Design Blocks Builder and can't wait to hear your feedback on it: https://www.froala.com/design-bl....
Let us know your thoughts and what you'd like to see coming next! 🙏
@st3fan Am I wrong or the Sketch download is not working? I just downloaded, but finally the files were the PSD
As someone who has jsut finished learning HTML and CSS and the bootstrap framework. This is a god send. I have been using bootsnipp but this looks to be a great alternative.
@colinwinhall We're glad that you are enjoying our product and we are also happy to support people that are in the process of learning HTML and CSS.
Hey guys love Froala! what happened to the online builder? looks strange today not functioning. Much love from Toronto!
Amazing resource! It is going to be really helpful on number of occasions. Would love to see modal section next. Anyway, a huge thank you! 😃😍
Awesome stuff! Definitely gonna give this a try. Can I ask something totally unrelated? Where did you guys get those illustrated graphics from? I keep seeing them on other PH pages as well.
@ken_truong Thanks! Not sure to what graphics you are referring to, is it the window you see in some photos? That is from MacOS when you make a screenshot to capture a selected window.
@diana_neculai oops sorry! Should've been more specific. I was actually referring to the illustrated graphics of those faceless humans using devices under the 'Contents' design blocks.
@ken_truong no worries, I think you are talking about the illustrations. Indeed, those are very cool, they are free and Open Source, made by unDraw. Here you can find the list with all the resources we used in the Design Blocks: https://www.froala.com/design-bl...
Froala 2 got even better🎉. The webpage builder is a big improvement. Thank you for your work 👍
@csaba_kissi Thanks for your support! I'm excited to hear that you like it! 😊
I love the website it has a lot of designs you can use for your own. Some of them inspire us the create our own in wulum.com. Thank you, guys.
Pros:Source of inspiration
Cons:None
@blossomshirts Thanks. We have building tool to help people use the Design Blocks faster and then download the HTML. It doesn't have very advanced features yet, but we're getting there.
Here is the builder I am talking about: https://www.froala.com/design-bl.... It has 2 modes, one is the mode where you browse and combine blocks and in the other one you can editor the content on the newly created page. To switch between these modes you can use the buttons from the bottom left corner.
Awesome - similar to Startup Framework which is a brilliant service. Keep it up!
Congratulations guys! Can’t wait to use it on my project. Will start migrating next week ❤️😍
URL Meta