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

Changelog

    Buy X Builder

or

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.

License

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.

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

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

soon

How to create a website in minutes.

soon

Learn more …

and watch X Builder Basic Training. (New)

Why Our Blocks?

Demo

Click on the images below to see full size demos.

Start Pages

Content

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).

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

Changelog

2020/06

• 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)
• …

2020/05

• 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.

2020/04

• All footers were updated + 25 new.

2020/03

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

2020/01

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.

2019/07

+ 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

Demos:

• fixed color buttons
• theme color 1 buttons

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

New – Mouseover Icons: 201

Demos:

• MouseOver buttons
• social media MouseOver buttons
• up arrow buttons (scroll to the top of the page)

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

2019/03

• 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:

• logo on the left
• logo in the center
• logo on the right

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

FAQ

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.