Skip to the main content

Build fast, accessible Joomla sites from ready-made blocks

Webal Blocks is a set of native Joomla modules for building a whole site. Install it, lay out your pages and start creating.

Written and tested on Joomla 6 first. Joomla 5.4 is tested before each release.

Get Webal BlocksRead the docs
A web page being assembled from rounded blocks in shades of blue

Made to be fast, accessible and easy to hand over

Every block is built the same way, so the next site you build is quicker than the last.

Joomla 6 ready

Written and tested on Joomla 6 first, with Joomla 5.4 tested before each release.

Accessible by design

Tested against WCAG 2.2 AA, with 44px controls, clear focus rings and readable contrast.

Fast by default

Real HTML and CSS first, and a little script only where those cannot do the job.

Light, dark or auto

Every block has a light and a dark set of colours, and visitors can switch between them.

A grid of rounded blocks in shades of blue, with the Webal Blocks mark in the middle

Meet Webal Blocks

A library of native Joomla modules that you assemble into whole pages: menus, calls to action, cards, pricing, steps, counters, accordions and footers.

Each block is real HTML first, then CSS, with a little Alpine.js only where HTML and CSS cannot do the job.

Explore the blocksRead the manual

Blocks in the library

A selection of the modules, each with its own manual.

Navigation

Navbar

A menu with a burger panel that opens without script. Sticky, or see-through over a hero.

Read more
Shop

Pricing

Plans side by side, with a monthly and yearly switch done in CSS and one plan highlighted.

Read more
Content

Counters

Big figures that can count up as they scroll into view. The real number is always in the page.

Read more
Content

Accordion

Questions and answers, one open at a time, built on the browser's own details element.

Read more

From download to first page in three steps

  1. Install

    Add Webal Blocks to your site with Joomla's own installer.

  2. Lay out your pages

    Plan each page in sections and rows, with named positions for your modules.

  3. Start creating

    Fill the positions with blocks, write your words and publish.

Built to a standard you can check

  • 6

    Joomla 6 first

    Written and tested on Joomla 6.

  • 5.4

    Joomla 5 tested

    Checked before each release.

  • 44 px

    Smallest control

    Every button and link target.

  • AA

    WCAG 2.2

    The level we test against.

Everything for a Joomla site, in one shop

Components, modules, plugins and full packages, sold through our shop.

Templates built with Webal Blocks

Ready-made starting points that use the same blocks, so you can change anything.

See all templatesRead the template manuals

Choose your package

Pick the set that fits your site. You pay by card through Stripe in our shop.

Webal Blocks

The module library

£[price]

  • All Webal Blocks modules
  • Documentation and manuals
  • Components and plugins
  • A template
Choose Webal Blocks
Best value

Complete package

Components, modules and plugins

£[price]

  • All Webal Blocks modules
  • Webal components and plugins
  • Documentation and manuals
  • A template
Choose Complete package

Complete with a template

The package and a template of your choice

£[price]

  • All Webal Blocks modules
  • Webal components and plugins
  • A template built with Webal Blocks
  • Documentation and manuals
Choose Complete with a template

Docs and manuals

Plain English guides for every block and every template.

Questions before you buy

Which Joomla versions does Webal Blocks support?

It is written and tested on Joomla 6 first. Joomla 5.4 is tested before each release.

Do I need a special template?

No. Webal Blocks builds on Joomla's own Cassiopeia template, with a Webal child theme for your own changes.

How do I pay?

You buy through our shop, which runs on Phoca Cart 6. Stripe takes the payment.

Where are the manuals?

Every block and every template has its own manual in Docs and manuals.

How do licences and updates work?

[Your licence and update terms go here.]

Start creating with Webal Blocks

Pick a package in the shop and pay by card with Stripe.

Get Webal BlocksRead the docs