Examples Templates Store Pricing Docs Turbo CSS Blog Introducing Turbo UI Named buckets Turbo CSS is Tailwind CSS on steroids Introducing Turbo CSS, the most advanced web-design language Calculate how much storage you use Better login system Collaboration settings Filesystem and Database are not cutting the problem space right What I'm working on 64bit File node IDs New how-to videos Creating buttons gets easier Introducing reusable components HTTPS by default Introducing the Boomla Theme CDN for faster pageloads Write your own website builder on top of Boomla On On composition Shared admin access A fresh config editor Building a multi-purpose theme A filesystem to replace your CMS New file link type: scope Mobile editing support Inline file wrapping changed Package sandboxing New PHP-like JavaScript engine [sjs-4e] Send emails to the website owner New JavaScript engine [sjs-4] A better editing experience New email service provider Glossary and other changes New panel changes Improved registration flow Boomla goes multiplayer Using local dev tools Why Boomla doesn't need Git File Panel Let's build a community Automatic updates Improved sjs-3 API New Frontend CSS modules Work offline with Boomla Faster page loads via caching Drag & drop supercharged Supporting CommonJS modulesĀ  Paranoid about loosing data IDE usability improvements Simple App install flow Meetups in Budapest Goodbye broken links Flow control from user space Customizing apps Contextmenu support for apps Deprecating the .Class file Hello Changelog Embedding 3rd party plugins Introducing Tools Installing apps just got amazing Public beta Host on our servers Simple deploy with push/pull Version Control for the Web 350M files on a 1TB disk 2 weeks in review
Control Panel

Building a multi-purpose theme

2019-11-11

I'm working on a multi-purpose theme for Boomla. I'm a programmer so instead of creating one opinionated theme, naturally, I want to make it as configurable as possible, so that you can bend it to your liking.

  • There will be various components ala wireframe style.

  • Each component will be made up of atomic elements. While you could build the components yourself from these atomic elements, they are great for inspiration.

  • You will be able to assemble a website from the components and then edit them: change the text, images, etc...

  • It should be possible to customize the theme centrally, to define a central color palette, fonts, button styles, etc..

 

Final result

Let's jump to the final result. In the end, you should be able to assemble a page from components, then customise them. Below, you can see the wireframe version on the left and the final customised one on the right.

Component wireframes

Here is a list of components I have put together. You can click to open them on a new tab so you can see them enlarged (or just zoom in if you are on mobile/tablet).

Grid system

Probably the most important atomic element will be the grid element. I plan to use a 12-column Bootstrap-like grid system. It will be responsive with lots of configuration options.

All the components above are built on top of this grid.

Grid.png

Feedback wanted

It will not happen in one go. I plan to take one step at a time and get as much feedback from you as possible so that I can build something you want / need.

I'm looking for all kinds of feedback on this, so this is an open ended request.

Does it inspire you to build a website from these components?

I'm especially looking for early-adopters who wanted to use the above as soon as I can ship it.

What do you think?


Cheers,

you can follow me on Twitter