Webflow Utilities by BRIX Agency

Formatting Snippets Webflow Utility

Get dozens of formatting snippets to include within your rich text on your blog posts, case studies, job posts, and more. Built directly on the Webflow Designer.

Time to read
Post category

How to develop and design better websites using Webflow

Gravida cursus lacus vivamus tellus nibh vel nam. Commodo risus mauris tristique diam placerat. Interdum ac rhoncus vitae dolor dictum quam tincidunt. Enim arcu amet ultricies et sed adipiscing. Viverra ac egestas elit lobortis. Massa eu potenti nulla viverra elementum nunc a. Lectus mauris luctus ipsum dolor. Ut suspendisse.

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci. Mi enim egestas enim ultricies. Egestas tincidunt tellus velit ut nec viverra. Elit adipiscing et leo nisl fringilla scelerisque morbi amet. Mauris mi turpis.

Code block

import React, { useState } from 'react';

import Link from 'next/link';

function BlogPost({ post }) {

const [likes, setLikes] = useState(post.likes);

function handleLike() {

setLikes(likes + 1);

}

Code Tag

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero lorem ipsum dolor sit amet purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Heading tags
Heading Tag 1

Nullam  purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Heading Tag 1

Nullam  purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Heading Tag 1

Nullam  purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Icon Block text

Icon 1: enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam  purus non.

Icon 2: enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam  purus non.

Icon 3: enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam  purus non.

Banner 1
Banner 2
Banner 3
Banner 4
Caption v1
Pros
  • Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

  • Nullam  purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

  • Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Caption v2
Cons
  • Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

  • Nullam  purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

  • Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

List
Sollicitudin enim posuere nam nibh aliquam.
Rhoncus integer vitae neque turpis.
Nullam  purus non consequat pellentesque.
Text Highlight

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci.

Divider V1

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Divider V2

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Divider V3

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed.

Accordion v1
Accordion title
Accordion title
Accordion title
Accordion v2
Accordion title
Accordion title
Accordion title
Show more

Sollicitudin enim posuere nam nibh aliquam. Viverra malesuada nulla vitae tincidunt libero bibendum sed. Nullam purus non consequat pellentesque. Rhoncus integer vitae neque turpis nunc vitae facilisi nec at. Sit non interdum aliquet habitant arcu est sit orci. Nullam purus non consequat pellentesque

Show more
Quote v1
"Revolutionized the way I work"

"Sed id mi eget urna facilisis pharetra. Nu viverra est at magna maximus sectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur."

Brian Clark
VP of Marketing at Facebook
Quote v2
"Revolutionized the way I work"

“Sed id mi eget urna facilisis pharetra. Nunc viverra est at magna maximus consectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur venenatis. Proin eu suscipit lorem. Nam vitae aliquet augue. Morbi rutrum ultrices lorem molestie suscipit. Sed mattis luctus odio eu porta.”

Brian Clark
VP of Marketing at Facebook
CTa v1
Subscribe to our newsletter

Donec eget dignissim id sit egestas in consequat volutpat elementum.

Thanks for getting touch! We'll reach you in the next 24 - 48 business hours.
Oops! Something went wrong.
CTa v2
Get in touch today

Donec eget dignissim id sit egestas in consequat volutpat elementum.

CTa v3
Get in touch today

Donec eget dignissim id sit egestas in consequat volutpat elementum.

How it works

Just add a {{shortcode}} to your rich text. As simple as 1,2,3!

We utilize the power of Finsweet attributes to achieve this. It's simply a matter of copying a 'shortcode' to the specific section of the rich text that you desire, and that's it! The component will automatically be added to the rich text once you publish the site.

What make us stand out from the rest?

Fast implementation

We can implement any formatting snippet in a matter of hours. Our team of designers and developers works fast!

Highly customizable

All pre-built formatting snippets are 100% editable to match your colors and fonts, and you can continue editing them to your preference.

Lightning fast

These formatting snippets are built directly on Webflow, so you don't have to worry about low loading times.

Minimum maintenance

We set it up once, and it will work without any problems. These formatting snippets require minimum (or zero) maintenance.