X Builder – XaraTemplates.com

X Builder

X Builder it’s a collection of building blocks for
Xara Web Designer and Xara Designer Pro X

X Builder incredibly speeds up building a website.



$79 $59


    Buy X Builder


learn more about X Builder:
download X Builder Free & watch Basic Training.

  • no subscription
  • no online services
  • download and save it on your hard drive – use it forever.
  • one year of free updates.

The X Builder contains:

  • Start Pages: 81
  • Top Navigation: 95
  • Footers: 58
  • Page Headers: 15
  • Web Pages: 107
  • Web Blocks: 690
  • Web Elements: 970+

Each web block have 2 variants: mobile (480px) and main (960px) with Auto-fit to page feature – you can easily create new variants. (+ content animations, named colors, text styles)

How to download an update.

  • Log-in and go to my downloads and download the file again. It’s always the most recent version.


You can use it for personal and commercial project for you or your client unlimited number of times.

You can’t use it for creating templates for free or paid download..

How to use X Builder in Xara Web Designer

It’s simple.

X Builder Installation

  1. Unzip the xbuilder.zip file.
  2. Move the XBuilder folder to preferred location.
  3. Open “Local Designs gallery” and click “Disc designs…” button.
  4. Navigate to XBuilder folder and click “Add” button.

Drag & Drop blocks

When you want to start a new project, use “Start Pages” category. Start Pages are first pages of the project. They usually include header with a logo and top navigation.

Go to Local Designs gallery ⇒ X Builder ⇒ Start Pages and drag & drop a preferred page.

In the same way you can drag & drop other web blocks.

Move the blocks.

Arrange the blocks.

  1. Extend the Start page height.
  2. Click on the page block which you want to move.
  3. Press Ctrl-A to select all objects.
  4. Grab and move all objects up (tip. When moving, press Ctrl key to move it straight).

Repeat this in the Mobile variant.

Use Auto-fit.

With Auto-fit feature you can easily change width of the Main variant or create a new one. All objects will automatically adjust to the page width.

Create more variants at the end of the designing process. You’ll have less editing.

Auto-fit is a feature of Xara Web Designer/Designer Pro 15 and above.


How to create a website in minutes.


Learn more …

and watch X Builder Basic Training. (New)

Why Our Blocks?

Modern Design

Create beautiful websites quickly and easily with our templates. Our top quality designs it’s everything you need.

Named Colors

The easiest way to re-color your website. Simply click on any of the named colors and select the Edit option.

Content Animation

Web animations are a great way to add eye-catching visual content to your webpages

Responsive Web Design

2 or 3 variants (sizes) : Wide (1200px), Desktop (980px), Mobile (480px)

960 grid system

Templates were designed with a 960 grid system. Elements like content or even whole pages from one template will fit into another template.

Multiple layouts

Most of the templates have several layouts like home, about us, services, projects, blog, portfolio, contact …

Licensed photos – All included

Most of the photos attached to the projects are under the public domain license (cc0) and come from the pixabay.com. Some have been purchased at fotolia.com with an extended license that allows them to be used in the templates.

Contact form

Simple. Effective.
You do not need external service providers. (only hosting with PHP support.)


Unlimited Domains

Unlike other suppliers, when you buy a template, you can use it for personal and commercial projects for you or your client an unlimited number of times.

Safe And Secure

PayPal Buyer Protection

Thanks to the PayPal buyer protection, you can recover the total value of the purchase if the purchased item does not reach you or will differ significantly from the description. More info …

Money-Back Guarantee

If you’re not satisfied, for any reason, within 30 days we will refund your money, no questions asked. For more information, read our Refund Policy.

You can order templates just for testing and if you don’t like it – request a refund.


Click on the images below to see full size demos.

Start Pages

Initial release


Because of number of all blocks, demo was divided into 30 blocks in each part.
Please be patient and wait for the demo to fully loads (many photos).




























  • All Page-Headers were fixed
  • Web-Pages/1st were fixed
  • The numbers from 01-07 have been removed from the main directory names.
  • 0000_demo files were added. These files contain all files from a directory. You can easily preview all blocks or web elements. For example, I often use demo files as a kind of “palette” from which I can easily choose an icon or a button.
  • 0000_Help files for categories were added (work in progress)


  • Wowslider start-pages fix: badly scaled wowslider window when page width was changed in the main variant.
  • New category Web-Elements/Basic
  • A new help file: 01-Start-Pages/0000_Help – basic operations on start-pages.


  • All footers were updated + 25 new.


  • Start pages with wowslider were updated to Xara Web Designer 17


Start pages with wowslider were updated:

  • Wowslider automatically fits to the placeholder now. You can easily resize it, move and copy.
  • A simple panel was added where you can edit animation type and timing.


+ 21 new pages in the “05-Web-Pages / 1st” category.


+ Web Elements was added: 970+ (You can test what’s inside by installing X Builder Free.)

  • H1 Headings: 17
  • Icons: 19
  • Infographics Diagram: 17
  • Photo Placeholders: 450
  • Lists: 25
  • Text Panels: 144
  • Top Navigation Creator: 144
  • Footer: 16
  • Blog: 6
  • Contact: 5
  • Maps: 2
  • Vartical Menu: 1

+ Many fixes

New – Buttons: 824


You can buy buttons as a separate product – Buttons for Xara Web Designer.

New – Mouseover Icons: 201


You can buy buttons as a separate product – MouseOver Icons for Xara Web Designer.


  • Fixed problem with “Start-Pages” in Xara Web Designer 16 / Xara Designer 16
  • Change the way images are exported in “Start-Pages”. Adding an export.tmp page. Significant increase in image resolution.
  • Numbering block categories according to how the website is created.
  • There won’t be X Builder Pro. I Decided to update normal X Builder to all its features (except all web templates). The updates will come in future months. The first one is Top Navigation from the new category “Web Elements”.

Page Headers: 15

Adding a new category of blocks: “Page-Headers”. Useful for creating new subpages.

Top Navigation: 95

Adding a new category “Top-Navigation”. (logo + navigation bar). Now you can easily replace the navigation in any “Start-Pages” block. (Delete the old logo and navigation bar from the start block and drag the a new one from the “Top-Navigation” category).

(photo here)

Check demos:

November 8, 2018

  • Added Auto-fit to page feature to all blocks.
  • All block have only 2 variants now. Because of “Auto-fit” feature you can easily change width of the Main variant or create a new one.
  • Divided into categories – XBuilder can be now easily install and use from Local Design Gallery
  • Hundreds of fixes
  • Updated to 888 blocks

May 24, 2018

  • Updated to 817 blocks

Mar 28, 2018

  • Updated to 743 blocks

Jan 10, 2018

  • Initial release: 533 blocks


Q. How to install X Builder files in Xara Web Designer?

If you want to install, you can do it in Local Designs Gallery:

  1. Select Local Design Gallery
  2. Click “Disc designs…”
  3. Navigate where you’ve unziped XBuilder.
  4. Click Add button

You can also use X Builder from windows explorer. Use “drag & drop”. Windows has great search engine. You can save searches and this gives you better flexibility.

Q. Are blocks compatible with Xara Web Designer Premium 12 (365) / 15 / 16?

Yes. All block were created in Xara Web Designer Premium 15.  You can also use them in XWD 12 and 16 without any problem.
They will also work in XWD 11, but you will get the warning message that they were created in newer version of the program. Beside that warning all blocks are working normally.

Q. Can I use the Blocks in an existing website and will they fit the page size?, or is it only for Building new one?

They have 2 variants (width). 480px, 960px. They fit to projects that are design in 2 variants also. If the project has one variant,  then only one will be imported.
If the project has different width then blocks, it need to be modify.

Q. Why block is imported as a new page?

Blocks are imported as new page and this is as it should be. You can’t create block in 2 or 3 variants that is imported to the program otherway then new page.

Q. How to download an update?

  1. Log-in and go to https://xaratemplates.com/my-account/downloads
  2. Download the file again. It’s always the most recent version.