For Matrix One Users

Supercharge Your Jimdo Site with Matrix Framework

You've experienced the power of Matrix One. Now take your Jimdo website to the next level with the visual Page Builder, modern architecture, and enhanced features of Matrix Framework.

Upgrade Now See Comparison

Matrix One

jQuery Edition

Upgrade

Matrix Framework

Modern ES6+

Page Builder Included
40% Smaller Bundle
Most Popular

Professional

€99 /One time fee

Ideal for personal use.

  • 1 website license
  • Access to all features
  • Page Builder
  • Motion & Animations
  • Priority 24/7 Support
  • Lifetime updates
Get Started

Agency

€250 /One time fee

The best for freelancers and agencies.

  • 3 websites license
  • Access to all features
  • Page Builder
  • Motion & Animations
  • Priority 24/7 Support
  • Lifetime updates
Get Started


Why Upgrade

Unlock the Full Power of Matrix Framework

Matrix Framework builds on everything you love about Matrix One while adding powerful new capabilities.


Visual Page Builder

Drag-and-drop page creation with live preview. Build complex layouts without writing code. Add sections, columns, and widgets visually.

Modern ES6+ Architecture

No more jQuery dependency. Built with modern JavaScript for better performance, smaller bundle sizes, and cleaner code.

Matrix Widget Library

Pick ready-made Widgets, Page Blocks, and Add-ons from a popup and insert them into your Jimdo HTML/Widget module


Motion One Animations

GPU-accelerated animations using Web Animations API. Smoother performance and smaller file size compared to Animate.css.

Smaller Bundle Size

Up to 40% smaller JavaScript bundle by removing jQuery. Faster load times and better Core Web Vitals scores.

Enhanced Style Editor

Advanced color picker with opacity, gradients, and CSS variables. Copy/paste colors and real-time preview.



Comparison

Matrix One vs Matrix Framework

See exactly what you gain when upgrading to Matrix Framework.


Feature Matrix One Matrix Framework
JavaScript Foundation jQuery Modern ES6+ (No jQuery)
Animation Library WOW.js + Animate.css Motion One (Web Animations API)
Visual Page Builder
Full drag & drop
Style Editor
Advanced
Template Selection
Advanced
Fluid Sections
Multilingual Navigation
Mega Menu
One-Page Scroll
Helper Classes
Widgets Library
Headings, text, buttons, etc.
Bundle Size Larger (jQuery included)
~40% smaller
Performance Good
Excellent (GPU-accelerated)
Future Updates Maintenance only
Active development

Matrix One continues to receive maintenance updates. Matrix Framework is recommended for new projects and active development.

Order form

You'll receive an answer within a few minutes, along with all the instructions.

Note: Please fill out the fields marked with an asterisk.


FAQ

Common Upgrade Questions

Yes! Your existing Matrix One setup will continue to work. Matrix Framework is a separate product that can be used alongside or instead of Matrix One. However, keep in mind that animations and some add-ons (such as sliders and popups) should be replaced with the new shortcodes.

Migration is straightforward for most features. Fluid sections, helper classes, and basic configurations transfer directly. Animation classes have different names (Motion One vs WOW.js), but the functionality is similar. Matrix Framework provide migration documentation to guide you through the process.

No, you gain features! Matrix Framework includes all the core functionality of Matrix One plus the Page Builder, enhanced Style Editor, and modern animation system. The only difference is the underlying technology (ES6+ instead of jQuery).

The initial installation is included with every purchase. Simply provide access to your website, and the framework will be installed for you within 24 hours by the Matrix support team. Alternatively, you can install it yourself by following the detailed installation guides that will be sent to you via email after your purchase.
Get started
Gobal colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
  footer border
 
Template configurations
 
has-sticky-logo has-large-header primary-font has-center-nav has-header-blur no-shopping-cart
 
Top header inner
 
 
 
Header inner
 
 
 
Navigation inner
 
 
 
Navigation styles
 
size-15 weight-400 color-nav
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white
 
Footer styles
 
o-form has-thin-border has-border-style-solid has-border-top has-footer-border-color
 
Footer background image
 
 

 

Typography

Heading H1
weight-400
 
Heading H2
weight-400
 
Heading H3
weight-400
 
Body text (p, table, td)
 
 
Buttons
weight-400
 
 
Advanced settings
 
Custom CSS

#cc-inner .my-class {

color:#f0f0f0;

}

/* MATRIX-CUSTOM-MODULES-START */

#cc-m-7792741551 h1, #cc-m-7792741551 h2, #cc-m-7792741551 h3 {font-size:20px !important;}

#cc-m-7792741851 h1, #cc-m-7792741851 h2, #cc-m-7792741851 h3 {font-size:20px !important;}

#cc-m-7792930551 h1, #cc-m-7792930551 h2, #cc-m-7792930551 h3 {font-size:20px !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-weight:600 !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-size:40px !important;}

/* MATRIX-CUSTOM-MODULES-END */

/* MATRIX-GLOBAL-SETTINGS-START */

:root {

--content-width: 1170px;

--special-pages-content-width: 900px;

}

/* HAMBURGER-BAR-START */

:root { --hamburger-btn-background: transparent; --hamburger-btn-bg: transparent; --hamburger-btn-bg-active: transparent; }

/* HAMBURGER-BAR-END */

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link,

#cc-inner input.cc-checkout-btn,

#cc-inner a.cc-shop-addtocard {

padding: 14px 35px !important;

border-radius: 8px;

}

/* MOBILE-FULLWIDTH-BUTTONS-START */

@media only screen and (width <= 746px) {

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link {

width: 100% !important;

margin: 5px auto 0 auto;

box-sizing: border-box;

text-align: center !important;

}

}

/* MOBILE-FULLWIDTH-BUTTONS-END */

/* MATRIX-GLOBAL-SETTINGS-END */


Note: All changes made here will be applied to your entire website.
Matrix Framework
draggable-logo

Matrix Framework

Build faster, smarter, and more flexible Jimdo websites.

has-right-col-border

About | Privacy Policy | Cookie Policy | Sitemap | Withdraw contract
Created with Jimdo
Log in Log out | Edit