Subscribe
Sign in
Froala
p/froalaThe most lightweight, customizable, and elegant editor.
Start new thread
Stefan Neculai

Froala Design Blocks 2 - Free responsive design blocks based on Bootstrap 4.

by•

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.

Add a comment

Replies

Best
Stefan Neculai
Maker
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! 🙏
Filippo Mursia
@st3fan Am I wrong or the Sketch download is not working? I just downloaded, but finally the files were the PSD
Diana Neculai
Maker
@mrdobelina It's fixed now. Thanks for letting us know!
Csaba Kissi
Froala 2 got even better🎉. The webpage builder is a big improvement. Thank you for your work 👍
Stefan Neculai
Maker
@csaba_kissi Thanks for your support! I'm excited to hear that you like it! 😊
Saish Sankhe
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! 😃😍
Jacob Jacquet
Awesome - similar to Startup Framework which is a brilliant service. Keep it up!
Prikshit Gupta
Great Work!! How about making Mobirise competitor?
Diana Neculai
Maker
@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.
Batsirai Chada
Where were you two weeks ago??? lol.
Juan Antonio Muñoz

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

Colin Winhall
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.
Diana Neculai
Maker
@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.
Moin Uddin
Great work! Finally an alternative for Startup Framework. I see myself using it quite often. Download is not working, just fyi.
Stefan Neculai
Maker
@moinism Thanks for your feedback! Where did you try to download and isn't working?
Stefan Neculai
Maker
@moinism I think it might download in background. Check the folder where your downloads usually go.
San
This is awesome! Good work 😃
Diana Neculai
Maker
@ambrium Thanks, Omar! 😊
Ken Truong
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.
Diana Neculai
Maker
@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.
Ken Truong
@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.
Diana Neculai
Maker
@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...
Jeroen De Prest
Oh I just love this! This is great for everyone who works with bootstrap
Brian Lee
As someone who's design challenged, Thanks!
Muni Perez
Congratulations guys! Can’t wait to use it on my project. Will start migrating next week ❤️😍
Stefan Neculai
Maker
@munipandita That is awesome. Please share the results with us. 😄
Bryce York
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!
Stefan Neculai
Maker
@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....
Hamed Safi
Hey guys love Froala! what happened to the online builder? looks strange today not functioning. Much love from Toronto!