Skip to content
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  1. Home
🚀 Version 1.7.2 is here See what's new →

Build your Jimdo website your way

Build faster, smarter, and more flexible Jimdo websites using modern tools, seamless workflows, and enhanced performance.

Get Started Overview
20+ Built-in Features
100% Jimdo Compatible
WCAG Accessible

Trusted by Jimdo Users worldwide

★★★★★ "The best framework for Jimdo development"
Features

Everything you need to build
professional Jimdo websites

Matrix Framework provides a complete toolkit for Jimdo users. From visual editors to advanced navigation, everything is built-in and ready to use.

Visual Page Builder

Drag-and-drop interface for building complex layouts. Add columns, sections, and widgets with ease. Real-time preview and instant save.

Drag & Drop Live Preview Widgets

Advanced Style Editor

Custom color picker with opacity control, copy/paste colors, and real-time preview. Full CSS variable support for consistent theming.

Color Picker CSS Variables Theming

Multilingual Navigation

Built-in language switcher with flag icons, automatic language detection, and seamless page switching between language versions.

Multilingual Dropdown nav

Mega Menu

Multi-column dropdown menus with images, icons, and rich content. Smart positioning and mobile-responsive design.

One-Page Navigation

Smooth scrolling to sections with active state highlighting. Perfect for landing pages and single-page applications.

Motion & Animations

Scroll-triggered animations and smooth transitions using Motion One. GPU-accelerated for 60fps performance.


Custom Modules

Create reusable content blocks with custom styles and behaviors. Module tags for easy categorization and management.

Helper Classes

Utility-first CSS classes for spacing, visibility, typography, and more. Similar to Tailwind but optimized for Jimdo.

Template Selection

Pre-built page templates and section layouts. Lock templates to prevent accidental edits. Easy customization.


And much more...

WCAG Level A Accessibility GDPR Compliance Module Navigator Font Selection Variable Modules Config Classes Jarallax Parallax Global Settings Backup Manager Matrix Toolbar Smart Dropdowns Scaled Text
Developer Experience

Simple configuration,
powerful results

      matrix-config.js
const MatrixConfig = {
  features: {
    pageBuilder: true,
    styleEditor: true,
    moduleNavigator: true,
    templateSelection: true,
    megaMenu: true,
    multilingualNav: false,
    onePageScroll: false

  },
  debugMode: false
  
};

Ready to build your next Jimdo website?

Start using Matrix Framework today and discover a better way to build.

Get Started
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

Products

Matrix Framework

Matrix One

Matrix Plugin Toolkit

Resources

Support

Changelog

Showcase

Marketplace

Community

Blog

Archive

GitHub



About | Privacy Policy | Cookie Policy | Sitemap | Withdraw contract
Created with Jimdo
Log in Log out | Edit
  • Scroll to top
Close