Matrix One • Proven & Reliable

The Original Jimdo Enhancement Toolkit

Transform your Jimdo website with beautiful animations, fluid sections, and powerful features. Built on jQuery with years of production testing.

Explore Features Docs
5+
Built-in Modules
80+
Animation Effects
13+
Years Proven

Animation Preview

Powered by WOW.js + Animate.css

fadeIn
slideUp
zoomIn
jQuery WOW.js Animate.css Jarallax
Scroll Animations
Fluid Sections

Core Features

Everything You Need for Stunning Jimdo Sites

Matrix One delivers a complete toolkit of modules and effects, all built on the reliable jQuery foundation.


Scroll Animations

Over 80 animation effects triggered as users scroll. Fade, slide, zoom, rotate, and more with WOW.js and Animate.css.

Fluid Sections

Drag and resize elements freely within sections. Create unique layouts with full position control in the editor.

Style Editor

Visual style customization with color pickers, typography controls, and real-time preview of your changes.


Multilingual Navigation

Built-in language switcher with multilingual navigation structure. Perfect for international websites.

Template Selection

Choose from pre-built templates and apply them instantly. Lock custom styles to prevent accidental changes.

One-Page Scroll

Smooth scrolling to sections with active state highlighting. Perfect for landing pages and portfolios.


Animations

Bring Your Pages to Life

Matrix One integrates the industry-standard WOW.js library with Animate.css, giving you access to over 80 beautiful scroll-triggered animations. Elements reveal themselves elegantly as visitors scroll down your page.

  • Fade effects (fadeIn, fadeInUp, fadeInLeft, etc.)
  • Slide effects (slideInUp, slideInDown, slideInLeft)
  • Zoom effects (zoomIn, zoomInUp, zoomOut)
  • Bounce and elastic effects
  • Rotate and flip animations

Fade In Up

Smooth vertical reveal

Zoom In

Scale animation effect

Slide In

Horizontal slide reveal

Rotate In

Spinning entrance

Modular Architecture

Load Only What You Need

Matrix One uses a modular approach – enable only the features you need to keep your site fast.

Fluid Module

Draggable & resizable elements

Style Editor

Visual customization tools

Variable Module

Configurable CSS variables

Helper Classes

Utility CSS classes

Module Navigator

Quick module access

Template Selection

Pre-built templates

One-Page Scroll

Smooth section navigation

Multilingual Nav

Language switcher

Comparison

Matrix One vs Matrix Framework

Choose the version that fits your needs and workflow.

Feature Matrix One Matrix Framework
JavaScript Base jQuery Modern ES6+
Animation Library WOW.js + Animate.css Motion One (WAAPI)
Fluid Sections ✓ ✓
Page Builder – ✓
Style Editor ✓ ✓ (Enhanced)
Matrix Widgets Library - ✓
Best For Existing jQuery projects New modern projects
FAQ

Common Questions

Use Matrix One if you have an existing Jimdo site that already uses jQuery or if you prefer the classic WOW.js animations. Use Matrix Framework for new projects where you want modern tooling, smaller bundle sizes, and the visual Page Builder feature.

No! Matrix One is designed for end users. You just enable the features you want in the configuration – no coding required. jQuery is included automatically and handles everything behind the scenes.

Simply add classes like "wow fadeInUp" to your elements. Matrix One's WOW.js integration will automatically animate them when they scroll into view. You can customize delay, duration, and offset using data attributes.

We recommend using one or the other on the same project to avoid conflicts and keep your site fast. If you're starting fresh, Matrix Framework is the recommended choice for its modern architecture.

Yes! Matrix One receives maintenance updates and bug fixes. However, major new features are primarily developed for Matrix Framework. Both versions are supported and production-ready.
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
 
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.
draggable-logo

Build faster, smarter, and more flexible Jimdo websites.

has-right-col-border

Community

Blog

Archive

GitHub



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