Front-end Editing in MODX with Fred

In July 2018, we announced our work on a visual drag-and-drop front-end editor for MODX, Fred. Today we’re happy to launch with its first release officially.

Fred in Action

Our goal for Fred was to advance how MODX users can create content fundamentally—to make building websites more efficient, empowering, and fun. After working in Fred on the new site since the last announcement (coming soon), we’re confident we’ve hit the mark.

What makes Fred different?

We think Fred sets a new standard for MODX’s legacy of creative freedom. It far surpasses the power and flexibility of any visual content builder or theme system on any platform. It also supports any HTML framework including Bootstrap, Foundation, or whatever else you wish.

Layouts that previously took dozens of custom fields (TVs), sub-pages, or form fields can be created from the front-end intuitively and without extensive training.

To address our always critical standards for performance, Fred renders and caches its pages as clean markup without any cruft when pages are saved. Fred-powered sites are blazing fast and only output exactly what you want.

Fred’s Elements and Option Sets—the layout blocks used to create pages and their respective controls to configure them—use Twig for logic, variables, and conditional layouts. Elements can also contain MODX Snippets; when coupled with thoughtful Option Sets, working with complex layouts is simple for non-technical users. For example, you can have a slider control the number of articles shown on a blog landing page, complete with real-time updates as the slider moves.

It’s the way content creation should be.

Fred also supports Plugins to extend its functionality, with an icon picker and rich text editor available today. In an upcoming release, we will work to make creating Fred Plugins straightforward and well-documented for developers.

Who is Fred for?

Fred makes sense for many types of MODX users. We think it will initially gain traction for a few use cases:

  • Theme authors and designers can use Fred to make incredibly robust and flexible themes agencies and end-users can use to create visually compelling websites quickly. This should provide a foundation for a great MODX theme ecosystem.
  • Enterprises with design libraries. These organizations can convert their static libraries into living and dynamic content building tools that make creating landing pages and new content a breeze.
  • Digital agencies can use Fred to create more intuitive interfaces for their customers, empowering them to visually experience the changes in the front-end as they work on their sites.

Start Using Fred Today

The easiest way to get a feel for Fred is to explore the demo theme available from the MODX Installer. Or, learn how to start creating your own custom themes with Fred:

We hope you enjoy Fred and can’t wait to see what you create. #CreateWithFred

Hi. We’re MODX.

We’re here to help you fix, build and grow fantastic sites. How can we help?

How can we help?

Tell us the general reason for reaching out so we can connect you with the right team.

MODX Diagnostics

MODX’s Open Source software is 100% free for anyone to download and use. As the team behind it for more than a decade, we know it inside, out, and then some.

Like any software, sometimes things break; we can usually fix them very fast. But, we do have to charge for our time to support our families and fund its ongoing development. There are almost an unlimited variety of things that can cause problems, including server upgrades, corrupt files, accidental changes, outdated software, database hiccups and more. We will save you a lot of time and frustration, and get you back in action.

With our MODX Diagnostic service, we determine the source of issues, and often fix them on the spot. For more extensive problems needing more time, like hacked sites or overdue upgrades, we provide additional estimates and guidance. MODX Diagnostics cost $99 for standard business hours support (US Central Time), or $500 for priority, rush or after-hours emergencies.

If you don’t have budget for professional support from the source, you look for answers in the MODX Forums or Documentation, or seek help from MODXers in the Community Slack, or from MODX Professionals near you.

Get Support Now

After submitting this we will contact you to collect any access credentials in a secure support ticket. We look forward to helping restore your site back to full health.

Hi! We’d love to work together.

If you have a simple problem that needs our assistance, please request quick fix help here.

What should we keep in mind?

The project involves:
(select all that apply)
What are you planning?
(select all that apply)

Some other considerations

Specific project information

Commercial Support Customers

Customers with a current Commercial Support agreeement can get help using this form. Learn more about MODX Preferred Support.

Let’s get started

What seems to be the issue?

Contact MODX

We welcome conversations, ideas, inquiries and even the occassional cold sales call, but support and requests about how to use MODX software sent via this form cannot be guaranteed a response. That said, we try to respond to everyone that reaches out to us within two business days.

To report a security issue or file a bug for MODX software, please email security [at] to reach our security team. If you are looking for help with MODX, many times you can find an answer in the MODX Forums or MODX Documentation, from MODXers in realtime at the MODX Community Slack Channel, or from a MODX Professional near you.

How can we help?