- Developer
- themeover.com
Live CSS editing
Your style edits appear on screen instantly, whether you use the AI assistant, visual styling options, the code editor, or a combination of all three. And to help ensure you always select the right element, Microthemer's HTML inspector displays the underlying HTML code for the elements you select. This feature makes Microthemer the best live CSS editor for real world projects, and the perfect tool to take your understanding of HTML and CSS to the next level.AI Assistant
Design faster and smarter with Microthemer's built-in AI assistant. Get real-time help when you’re unsure what to do next, or instantly style parts of your site with easy prompts. Fine-tune everything with simple controls, and explore more advanced changes with safe undo options, draft previews, and a flexible AI that can "see" what you're working on and do the heavy lifting.Customize anything
Style any part of any WordPress page, from header to footer. This includes Gutenberg (or the classic editor) post and page content, custom posts, hard-coded theme or plugin content, page builder content - you name it. Microthemer works seamlessly with your favourite WordPress tools to give you developer-level design control in a few clicks.Automatic page speed
Microthemer is a polite house guest when it comes to page speed optimisation. Microthemer will automatically organise its CSS styles into folders that load on specific pages (or globally if preferred). It even delays loading non-critical CSS for "below the fold" content (not visible until scrolled). This makes Microthemer the best WordPress CSS editor for page speed.150+ CSS styling options
Enjoy the largest set of CSS styling options provided by any WordPress CSS editor (150+). Choose from modern styles like animations, transitions, transforms, filters, flexbox, and CSS grid to web design essentials like typography, position, spacing, sizing, and backgrounds. The style fields will speed up your workflow significantly without sacrificing any control; you can switch back and forth between the style fields and the code editor as you please.Drag and drop CSS grid
CSS grid was introduced to make it much easier for developers to create attractive grid layouts. Microthemer takes things a step further by offering an intuitive drag and drop interface for defining rows and columns, and spreading grid items across them in eye-catching formations. Use CSS grid for overall page layout and for neatly aligning small components. In short, use it everywhere!Interactive CSS Grid Demo
Easy Google fonts
Save time and effort by visually browsing Google fonts without leaving the Microthemer interface. You can then insert the font you want with a single click. This dramatically simplifies experimenting with different Google fonts and ensures your site only loads the minimum fonts and variations needed for your design - no unnecessary font files.Responsive design
Microthemer takes the pain out of responsive design. Some common breakpoints are provided to help you get started, but are entirely customizable. Use the responsive tabs or drag the top ruler to check how your site looks on different screen sizes, and then fix any issues. This feature is super useful for creating pixel perfect layouts on mobile - no need to settle for cropped/bunched up text or strangely large spacing and heading typography.Integrates with builders
Microthemer has "deep" integration with Gutenberg, Elementor, Beaver Builder and Oxygen. You add content with your page builder, then style it with Microthemer - at the same time, using a single browser tab.And for the following page builders, Microthemer has "shallow" integration: Breakdance, Bricks, Brizy, Divi, Elementor, OptimizePress, Oxygen, Thrive Architect, WP Page Builder, Zion. This means CSS and content changes auto-update when using two or more browser tabs.
Note - Microthemer is a standalone CSS editor, it doesn't rely on any builders to work.
