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.
- 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
X Builder Installation
- Unzip the xbuilder.zip file.
- Move the XBuilder folder to preferred location.
- Open “Local Designs gallery” and click “Disc designs…” button.
- 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.
- Extend the Start page height.
- Click on the page block which you want to move.
- Press Ctrl-A to select all objects.
- Grab and move all objects up (tip. When moving, press Ctrl key to move it straight).
Repeat this in the Mobile variant.
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.
Why Our Blocks?
Click on the images below to see full size demos.
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
- 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).
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:
- Select Local Design Gallery
- Click “Disc designs…”
- Navigate where you’ve unziped XBuilder.
- 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.