Examples Templates Store Pricing Docs Turbo CSS Blog Boomla WishList 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

Introducing Turbo CSS, the most advanced web-design language

2021-03-15

It was about year ago that I've released the new Boomla UI kit. It was very well received and has been a huge adoption driver since then.

The elements look great and you can literally put together a site in minutes. On the flip side, your options are limited. No app can do everything and chances are you will run into a situation where you want to change something that you can't.

Several users have asked me how to change this-or-that. Most of the time, it has been some design tweak. It turns out it would be great if you could add or customize some HTML/CSS code yourself. The problem is, most users aren't CSS experts. And CSS is hard. Really hard.

Turbo CSS changes that.

Turbo CSS started out as the web design language behind the Boomla UI kit. As I started working on the UI kit, I quickly realized I'm not going to make progress with the existing tooling. Fast forward, I've built the first version of it which was only to be used by me internally to make the UI kit work, and now I'm finally rolling out the first public version of it, named Turbo CSS.

It is very well tested, has extensive documentation and you can even use it outside Boomla. Other developer shops are starting to use it as well.

I've made a short video on how to add some Turbo CSS based HTML snippets to your website. You can copy-paste some examples from the Turbo CSS docs to try it.

The next step is to release a HTML-only UI kit so that you have lots of code examples to tweak.

 


Cheers,

you can follow me on Twitter