Days
Hours
Minutes
Seconds
x

Froala Editor v4.1.4 is Here LEARN MORE

Skip to content

Froala Design Blocks

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.

call-to-action 1 call-to-action 2 call-to-action 3 call-to-action 4 call-to-action 5 call-to-action 6 call-to-action 7 call-to-action 8 call-to-action 9 call-to-action 10 call-to-action 11 call-to-action 12 call-to-action 13 call-to-action 14 call-to-action 15 call-to-action 16 call-to-action 17 call-to-action 18 call-to-action 19 call-to-action 20 call-to-action 21 call-to-action 22
contents 1 contents 2 contents 3 contents 4 contents 5 contents 6 contents 7 contents 8 contents 9 contents 10 contents 11 contents 12 contents 13 contents 14 contents 15 contents 16 contents 17 contents 18 contents 19 contents 20 contents 21 contents 22 contents 23 contents 24 contents 25 contents 26 contents 27 contents 28 contents 29 contents 30 contents 31 contents 32 contents 33 contents 34 contents 35
contacts 1 contacts 2 contacts 3 contacts 4 contacts 5 contacts 6 contacts 7 contacts 8 contacts 9 contacts 10
features 1 features 2 features 3 features 4 features 5 features 6 features 7 features 8 features 9 features 10 features 11 features 12 features 13 features 14 features 15 features 16 features 17 features 18 features 19 features 20 features 21 features 22 features 23 features 24 features 25 features 26 features 27 features 28 features 29 features 30 features 31 features 32 features 33
footers 1 footers 2 footers 3 footers 4 footers 5 footers 6 footers 7 footers 8 footers 9 footers 10 footers 11 footers 12
forms 1 forms 2 forms 3 forms 4 forms 5 forms 6 forms 7 forms 8 forms 9 forms 10 forms 11 forms 12
headers 1 headers 2 headers 3 headers 4 headers 5 headers 6 headers 7 headers 8 headers 9 headers 10 headers 11 headers 12 headers 13 headers 14 headers 15 headers 16 headers 17 headers 18 headers 19 headers 20
pricings 1 pricings 2 pricings 3 pricings 4 pricings 5 pricings 6 pricings 7 pricings 8 pricings 9 pricings 10
teams 1 teams 2 teams 3 teams 4 teams 5 teams 6 teams 7 teams 8
testimonials 1 testimonials 2 testimonials 3 testimonials 4 testimonials 5 testimonials 6 testimonials 7 testimonials 8 testimonials 9 testimonials 10
A black silhouette of a cartoon cat without features against a white background.

For Developers..

All Froala products are built for
developers. As a HTML5 and CSS3
library, the Froala Design Blocks is clearly
no exception.
Learn more

Layered blue files that only show their outlines using bold, blue lines against a white background.

..and Designers too

Sketch, PSD you name it. Froala Design
Blocks is the tool that helps developers
and designers speak the same language.
Learn more

Receive updates

Subscribe to receive email notifications about new features and new releases for the Froala Design Blocks.

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_661069720" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1586447872" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1412508107" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>