Mobius for WordPress
The heads-up CSS dashboard for WordPress developers.
Access your global CSS instantly, keep it tidy and organized, and navigate it with ease, on top of any WordPress stack.
Style a responsive posts feed, right in the front end of your site.
Quick access
Stop commuting to your CSS.
CSS insights often show themselves after you hit Publish: when you’re looking at your site in your browser, through the eyes of a user.
Having to jump back into an admin screen or page-builder to make adjustments (or doing the DevTools copy/paste/refresh dance with an external stylesheet) slows you down. Mobius to the rescue.
Global CSS, right in your pocket.
With Mobius, you don’t have to go ‘find’ your CSS, saving you time and keeping creative flows intact. Just open it up, punch in some CSS, and save.
Quick jumping: type and you’re there.
In the editor, hit Cmd/Ctrl + ; and start typing. Mobius will jump to the first line that contains your input. It’s way faster than searching/scrolling.
A better developer experience
Kiss the customizer goodbye.
Designed by a meticulous UXer, Mobius does all of the little things that default CSS editors ignore.
Borrowing interaction concepts from environments like VSCode and CodePen, Mobius is packed with features to improve your CSS workflow.
Formatting on demand.
Formatting code with tools like Prettier is an essential function for devs, but most WordPress editors don’t do it. Hit Cmd+B in your editor (or just save with Cmd+S) to instantly tidy it up.
Autocomplete that actually completes.
Most editors include Autocomplete to save you keystrokes, but they still make you type your colons and semicolons (which isn’t very ‘auto’). Mobius kindly adds them for you.
Fewer keystrokes
Don’t just type your styles. Compose them.
Writing your CSS should be like composing a ‘sentence’ of the styles you want to see.
Expand abbreviations.
Still typing properties and values out by hand? Let Emmet (and a slew of custom abbreviations inspired by TailwindCSS) do the work for you. You’ll never type a media query again.
Intuitive incrementing.
Tweak numbers just like you would in DevTools. Select any text with a number in it, and use your arrow keys (plus modifiers) to dial the number up and down by .01, .1, 1, 10, or 100.
Customized UI
A user-designed experience.
A familiar, flexible UI design beats a rigid (but well-intentioned) design any day of the week. Mobius is designed with sensible defaults that you can mold to your personal preferences.
A customizable workspace.
Coding should be comfortable, so you should decide where your editors live. Dock and size your panels as you like; they’ll stay there across refreshes.
Self-style it.
Because Mobius sits in the front end of your site, you can style it with its own CSS editor. Increase contrast, change typefaces, add a background image of Matt Mullenweg, go nuts.
Custom CSS is essential. Mobius makes it enjoyable.