What is X Builder ?
It’s a collection of blocks for Magix Xara Web Designer
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: 33
- 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
- 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.
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?
Modern Design
Deliver better projects faster. Create beautiful websites quickly and easily with our templates. Our top quality designs it’s everything you need.
Named Colors
Named colors – the easiest way to re-color your site. 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 960 grid system. Elements like content or even whole pages from one template will fit to another template.
Multiple layouts
Most of templates has 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 project for you or your client 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.
ps.
You can order templates just for testing and if you don’t like it – request a refund.
Demo
Click on the images below to see full size demos.
Start Pages
1.
2.
3.
4.
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/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:
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:
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:
- 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.
Q. How to download an update?
- Log-in and go to https://xaratemplates.com/my-account/downloads
- Download the file again. It’s always the most recent version.
