DEV Community

Cover image for A new way to build websites! Introducing the next version of Themex
Karsten Biedermann
Karsten Biedermann

Posted on

A new way to build websites! Introducing the next version of Themex

Hello everyone! πŸ‘‹

First, I want to extend my deepest gratitude to all of you. Here on dev.to and other platforms, I've had the privilege of connecting with some incredible individuals. Every comment on my last article, piece of advice, or even a simple β€œlike” has fuelled my drive to utilize the past days and nights to elevate Themex to the next level. Rather than developing something in isolation, my goal from the start was to collaborate with you to create a razor-sharp tool that could lay a stable foundation for web projects of all kinds. Thanks to your invaluable feedback, the new version of Themex has been significantly shaped by your suggestions. With your support, we've transitioned to an official pilot stage.

Visit the pilot of Themex

In the past few days, I've focused on improving the application's stability and refining the UI to enhance clarity and usability. I've also added more documentation. While it's still a work in progress and by no means final, I hope it's a step in the right direction. There are no new components in this release. However, I have enhanced the existing ones with additional attributes you want and divided the Button and Form categories to make customizing the appearance much easier. Also the export of the CSS variables has been made clearer.

Screen1

The most significant change and most requested feature was usable snippets for React and Vue.js. The entire markup area now changes dynamically in real time depending on the changed property. This allows variables to be copied directly without having to generate the theme. In addition to React and Vue.js, I am considering developing or integrating snippets for Svelte and Angular. I am also exploring ways to refine the theme generation process. This would include the ability to export theme-specific components in your preferred format, whether it be as raw HTML or as components for React or Vue.js

Screen2

The next steps on the roadmap πŸš€

  1. Designing the theme for both Light and Dark modes (a feature many of you have frequently requested)

  2. Introducing new components and new variants of components soon. At this point, it might be interesting to share how I prefer which components to implement next: I try to focus on those that create the broadest intersection. This is also the reason why there are currently no specific Header or Footer components, as they can be highly individualized. However, this does not mean that Header and Footer components are excluded from future development.

  3. Demonstrating practical use cases

  4. Expanding the options for theme generation, including the ability to pre-select the output formatβ€”be it plain HTML, React, Vue.js, etc.

That's it from me for now. Now I'm looking forward to your feedback. β€¨πŸ˜Š

Please feel invited to share your thoughts with me also on Discord: https://discord.gg/whVtcJrz

Top comments (2)

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

πŸ™ˆ Thank you for the hint, it has already been fixed.

Collapse
 
valiantsin2021 profile image
Valiantsin Lutchanka

Nice idea πŸ˜„. You have a typo by the way on the Modal
Image description