Name: Super cool
Item: Microthemer
Rating: 5
Author: fgk

Group

Software

Build it yourself

Sub category

Web builders

Product tag

Best for

Developers

Freelancers

Web designers

Integrations

Divi

Elementor

Google Fonts

WordPress

WordPress Multisite

Operating system

Windows

macOS

Linux

Features

Universal WordPress styling tool — style anything

Let the AI assistant style the page for you

Lightweight & discreet: uninstall and keep the changes

Responsive design with custom breakpoints

Defer loading of "below fold" CSS to boost page speed

Deep integration: Elementor, Beaver Builder, Oxygen

Shallow integration:  Divi, Bricks, Brizy, Zion, WP Page Builder

Event-based animation (inView, onClick, etc)

Customizable toolbars layouts and color scheme

Site navigator for easily editing different pages

Switch between code (CSS, Sass, JS) and visual editing seamlessly

You must redeem your code(s) within 60 days of purchase

Frequently Asks Questions (FAQs)

Founder

Microthemer - your swiss army knife for WordPress CSS styling

Microthemer is a WordPress CSS editor plugin that helps site builders at any level design like a pro with AI or point-and-click editing.With Microthemer’s styling options, you can match your site to your vision and never sacrifice any control over design.Choose from modern styles like animations, transitions, transforms, filters, flexbox, CSS shapes and CSS grid to web design essentials like typography, position, spacing, sizing, and backgrounds.Microthemer's CSS grid support allows you to create beautiful content layouts in seconds using drag-and-drop functionality.For added convenience, you’ll be able to switch between the visual, code, and AI editor.Microthemer takes the pain out of responsive design. Get started with common breakpoints with freedom to customize them to your needs.You can use the responsive tabs or drag the top ruler to check out how your site looks on different screen sizes, and then fix any potential issues.With this feature, you’ll be able to create pixel-perfect layouts on mobile. No need to settle for cropped text or strangely large spacing and headings!

Creating grid layouts is as easy as dragging and dropping rows, columns, and grid items.

You can literally style any WordPress content with Microthemer. It doesn't matter how it was generated — if you can see it you can style it. So it's compatible with all themes and plugins.Furthermore, Microthemer has specific integration with a growing list of page builders. There are two types: shallow and deep integration.Deep integrationThis means you can load a builder inside Microthemer, and use both at the same time from a single browser tab. This is currently supported for Elementor, Beaver Builder, and Oxygen.Shallow integrationThis means you add content using a builder in one browser tab and style with Microthemer in another, but the tabs talk to each other so you don't have to manually refresh the page to pull in content or style changes. This is currently supported for Divi, Bricks, Brizy, Zion and WP Page Builder.

Microthemer helps beginners learn how to work with HTML in addition to selecting elements visually.

If you rely exclusively on page builders to build sites, you might feel like you’re stuck at the kids table because you’re shielded from the code.But Microthemer shows you exactly what it's doing, and invites beginners to understand CSS, and how it relates to HTML.With that, you have full design control with the option to access the code, empowering you to graduate from beginner to pro.And for advanced users, Microthemer's innovative solution for <a href="https://css-tricks.com/a-proof-of-concept-for-making-sass-faster/" rel="noopener noreferrer" target="_blank">compiling Sass code (SCSS) to CSS in an instant</a> can supercharge your workflow.

Optimize for any device by using responsive tabs to set certain styles for certain screen sizes.

Break creative barriers with Microthemer's AI assistant. Whether you're a beginner or a seasoned user, AI-generated styles and precise fine-tuning put advanced design control at your fingertips. Save time, experiment freely with instant undo, and harness powerful models that "see" the elements you're working on.

Ask the AI assistant to make CSS edits for you

Creating your WordPress site shouldn’t feel like you’re ordering at the world’s strictest restaurant. (“Dressing on the side? Ha, that’s a good one.”)Microthemer offers non-coders the freedom to make style customizations themselves while giving pro coders the experience of live CSS and SCSS coding.Gain total control over your website design.Get lifetime access to Microthemer today!

Microthemer integrates with a growing number of builders for an optimized workflow.

Customize the styling of anything on your WordPress site using visual CSS controls or AI.

Microthemer

Share Microthemer