LoginTry for free

606+ pieces · Updated Every Month

Discover Our Pieces For Your Next Website In Bricks Builder

Start with Code Native, just clean structure you can use instantly — and now with Automatic CSS, Core Framework, AT Framework or Bricks Framework(DEV) support too. From marketing to ecommerce to components, Briblock gives you a flexible library to build all kinds of projects — faster.

Try for freeExplore Pieces
*3-day free trial, no credit card needed
Cover

Why Briblock

Built because starting from scratch takes too long

When I started designing and building websites in Wordpress, even the simplest things took more time than they should. Every new project meant starting from zero — again. So I asked myself: what if I had a set of clean, minimal pieces ready to drop in? Pieces that don't get in the way, don't force a style, and just work? That question became Briblock. Not a side project. Not an experiment. A tool I needed — and built — to save time and effort on every website I create.

Get all Access

What you get

Everything you need to work faster

  • Built with BEM

    Our library is built with BEM methodology — ensuring better organization, scalability, and maintainability for every piece you use in your projects.

  • Semantic HTML5

    Clean, well-structured markup that improves accessibility, usability, and long-term maintainability. No shortcuts in the code.

  • Accessibility Ready

    Each piece is designed with accessibility in mind, following modern best practices to ensure readable, usable, and inclusive layouts.

  • Minimal by design

    We don't do opinionated colors. Briblock uses primary and secondary color roles — clean, intentional, and simple — so your design language takes the lead.

  • Code Native

    Use Briblock without installing any plugin or framework. We use raw values — fonts, sizes, colors — directly in the code.

  • Multiple Framework Support

    Currently available for Automatic CSS, Core Framework, AT Framework, and Bricks Framework (DEV). Whatever your framework, Briblock fits in.

  • UI Kit for Figma

    Also available as a UI Kit for Figma. Get it and enhance your prototypes with design-ready components — plan the layout before you build it.

  • Scales with you

    Every piece is built thinking about growth. As your projects evolve, Briblock grows with them — clean structure from day one means less refactoring later.

  • Always growing

    We update the library every week. Well — almost every week. Even the best libraries take a breath sometimes. But when we ship, it's worth it.

Design philosophy

Clean, minimal pieces with endless possibilities

A minimal piece isn't a blank canvas — it's a starting point with intention. Briblock pieces are designed to be simple at their core, so you can build complexity on top. Start with a clean hero, a structured feature section, a straightforward layout — then push it as far as your vision takes you.

The result is always yours. The structure is always solid.

Image
Image

Workflow

No complicated steps,
just copy and paste

Browse the library, copy any piece with a single click, and paste it directly into your Bricks project. From search to canvas in seconds — no configuration, no imports, no friction.

Click to copy
+
Ctrl + V to paste
.__wrapper
.__wrapper
.__wrapper

Exclusive feature

Stop renaming classes one by one

Customize BEM class names directly in Briblock before copying and pasting your pieces. Type the block name once — every class in the piece updates instantly: block, elements, and modifiers. Adapt your classes while maintaining structure and consistency across every project.

No manual editing. No find-and-replace. No conflicts.

Try for free

Pieces

606+ pieces across every section you'll ever need

Individual, focused, ready to drop in. Every piece in Briblock covers one section — designed clean, built right, mobile-first, and ready to fit any project.

Explore Pieces

Sets

Not just pieces,
complete websites.

Sets are curated groups of pieces designed to work together — same visual rhythm, same structural logic, same design language. One Set = One complete website. Ready to paste, ready to customize, ready to ship.

Pricing

Buy Once.
Discover All Pieces.
Discover All Sets.

A one-time purchase gives you access to All Pieces and All Sets on our website.
Optimize your time and energy in website creation.

Yearly

$44.55

$99.00/year

Access the complete layout library for 12 months

Features

  • 606+ pieces
  • All pieces
  • All sets
  • All integration
  • Advent PiecesNew
  • Foundations UI KIT
  • AT Framework integration
  • Bricks Framework integrationDev
  • Rename class
  • No subscription
  • Premium support
  • Unlimited websites
Get Yearly

Lifetime

Best Deal

$112.05

$249.00/once

One payment, lifetime access (LTD)

Features

  • 606+ pieces
  • All pieces
  • All sets
  • All integration
  • Advent PiecesNew
  • Foundations UI KIT
  • AT Framework integration
  • Bricks Framework integrationDev
  • Rename class
  • More features
  • Premium support
  • Unlimited websites
Get Lifetime

Free

Full access to the Marketing category for 3 days. Create your account and start building — no payment needed.

  • 3-day free trial
  • Marketing pieces
  • Basic support

$0

/trial
Get Free

FAQ

Questions,
answered

What is Briblock?

Briblock is an ever-expanding library of ready-to-use HTML, CSS, and JS components—including headers, footers, and many other categories—designed to help you build websites faster.
Each component has been developed using Briblock Foundations, our Figma UI kit, ensuring consistency in spacing, typography, and layout structure throughout the library.

How many websites can I use Briblock?

All of our plans can be used on an unlimited number of websites and come with lifetime upgrades.

How do I use Briblock?

Just copy and paste the pieces to build your website. You need Bricks 1.7+ version with the "Copy & paste all elements" you can do it right away.

How many pieces will Briblock have?

We don't have an exact amount of pieces that Briblock will have but it will be the most complete for your entire website. We will be adding much more pieces.

Which CSS Framework for Bricks builder can be used?

Code Native (no framework), Automatic CSS, Core Framework, AT Framework and Bricks Framework are the frameworks that are integrated in our pieces library.

Which plugins do I need to use the product?

Actually, to use the pieces with the Code Native and Bricks Framework integrations, you don't need to install any plugin. The Automatic.css, Core Framework, and AT Framework integration will require a license of the plugin itself.

Do we have a UI Kit in Figma?

Yes, we have Foundations, our official UI Kit for Figma. Designed to optimize your workflow, it will help you create interfaces faster and more efficiently - get it here!

Do you provide refunds?

Yes! We offer a 15-day money-back guarantee — no questions asked. Not satisfied? Get a full refund.

How can I get my invoice?

We generate all invoices every month end, you can send the following information to [email protected] in order to generate the invoice, the fields with * are required.

  • Company *
  • Billing Name
  • Billing Address *
  • City *
  • Zip / Postal Code
  • Country *
  • County / State
  • Tax / VAT Number
Get started today

Every website you build deserves a better starting point.

You didn’t start using Bricks Builder to waste time building structures from scratch. Briblock does that work for you, so you can focus on designing and creating high-quality websites faster and with greater freedom. Start every project with a solid, flexible foundation that’s ready to scale. Use it on its own or integrate it with other libraries depending on your workflow, because true flexibility isn’t just a feature—it’s the foundation of better web development.

Try for freeExplore Pieces
*3-day free trial, no credit card needed
1st Anniversary Giveaway