I would like to introduce you to Themex – A new way to build websites

As a frontend developer, I have often worked with various CSS frameworks such as Bootstrap and Tailwind. However, given the parallel development of CSS, JavaScript, and HTML, the question arises whether it's time to bid farewell to Bootstrap and Tailwind. I used Bootstrap for many years and was quite satisfied with it up to a point. What bothered me the most, especially with Bootstrap, was the fact that some entrenched solutions were not contemporary and hindered my daily work more than they made it easier. Tailwind, on the other hand, always offered a good solution with its approach, but the incredible amount of classes in the DOM was never to my liking.

A long time ago, I decided to develop my own framework that I could use for my projects. Nothing big, rather manageable. SASS and Vanilla JavaScript were usually the tools I used. I build more websites than applications. Nowadays, websites often follow the same pattern. There's navigation with dropdown, hero, testimonials, content sections, etc. The appearance sometimes changes only minimally. So why not create a starter kit that can help save time when generating new layouts? Of course, you can create a good starting point with Bootstrap packages. With Tailwind as well.

👉 Themex: https://app.themexproject.com
👀 Example: https://example.themexproject.com

But at the beginning of a project, the same question always arises: How did I implement that again? This is the point where documentation is helpful. With Themex, I created a human-readable UI in the browser, with the help of which the most common CSS properties can be customized, requiring less documentation. Whether you're a frontend developer implementing a designer's layout or you have a knack for design yourself, I wanted to offer a solution for both target groups with Themex.

All CSS properties are stored as CSS variables across three breakpoints, enabling the customization of the entire responsive layout. The entire markup section now dynamically and in real-time changes depending on which property was changed. For example, the variables, the markup (for HTML, React, Vue.js) can be directly copied without having to generate the complete theme.

What do you think? Could Themex also make sense for you? I would greatly appreciate your feedback.