Froala Design Blocks

In plain words

Froala Design Blocks provides over 170 responsive design blocks built on Bootstrap 4 for web and mobile development. The blocks are organized into 10 categories of common website layouts, enabling developers to assemble websites more quickly. Each block is fully responsive and ready to integrate into projects. The tool is designed for developers and web designers looking to accelerate their workflow using pre-built, standardized components.

written from the facts on this page · September 2026

From the sources

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.

• 
  Froala Design Blocks 22018 · froala.com · ▲272

  Free responsive design blocks based on Bootstrap 4.

• 
  170+ free responsive design blocks based on Bootstrap 42017 · github.com · ▲8

  A set of 170+ Bootstrap based design blocks ready to be used to create clean modern websites. - froala/design-blocks

• 
  Froala Design Framework2017 · froala.com · ▲6

  Design framework, HTML & CSS blocks for responsive websites

• 
  Ready UI2021 · readyui.co · ▲264

  200+ Bootstrap UI blocks to create beautiful websites

• 
  Bootstrap Studio2015 · bootstrapstudio.io · ▲239

  Create responsive websites using the Bootstrap framework.

• 
  I made an interactive Bootstrap 4 cheat sheet2016 · hackerthemes.com · ▲847

  Quickly find your Bootstrap classes on this interactive Bootstrap cheat sheet. It includes code samples and live preview of elements.

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Coda▲1,647

  It's a new day for docs

  Work · 2017 · coda.io

• 
  Station▲1,377

  One app to rule them all

  Work · 2017 · stationhq.com

• 
  New Google Calendar▲1,041

  Google is launching a new look + new features for Calendar

  Work · 2017 · support.google.com

• 
  InVision Studio▲999

  The world’s most powerful screen design tool

  Work · 2017 · miro.com

• 
  Slite▲876

  One combined workspace. All of your team documentation.

  Work · 2017 · slite.com

• 
  Stripe Elements▲817

  Beautiful, smart checkout flows 💳💸

  Commerce · 2017 · stripe.com