Skip to content
TheAIDirector.Win ClaudeJoomla.com ClaudeTemplates.NET

13 CSS Frameworks. One Joomla Template.

BaseFrame lets you switch between Bulma, DaisyUI, NES.css, and 10 other CSS frameworks on Joomla — with a single dropdown. No code changes. No rebuilds. Just pick a framework and go.

Built Entirely with AI

Every line of CSS in BaseFrame — all 14 CSS adapter files, the base stylesheet, the template logic, the Kunena forum integration, the Phoca Gallery styling, the AcyMailing overrides — was written by Claude Code running inside VS Code. Not a single line was hand-coded.

The entire workflow runs on a conversation: describe what you want, paste a screenshot or the deep debug CSS output, and Claude writes the fix. No context-switching between browser and editor. No manual CSS debugging. Just talk and ship.

The Secret Weapon: Stop Screenshotting CSS

The fastest way to get Claude Code to fix a CSS issue is to stop screenshotting your DevTools and start sending computed styles + matched rules + the DOM tree in one paste. This is the workflow that built BaseFrame — and it is covered in detail in Stop Screenshotting CSS on The AI Director.

That article explains the exact deep debug technique used to audit and polish every CSS framework adapter you see on this site. If you want to build or customize Joomla templates with AI, start there.

Built for Claude Code

BaseFrame for Joomla is designed for developers using Claude Code (or any AI coding agent) to build and customize Joomla templates. Paste a deep debug CSS output, describe what you want, and Claude writes the adapter fix. Every CSS framework adapter on this site was built that way — no manual CSS debugging required.

Open Source

BaseFrame for Joomla is free and open source under the MIT License. Use it however you want — personal, commercial, no restrictions.