Discover elegantly crafted components and custom fields ready for seamless integration into your applications. Accessible, customizable, and open source.

Select the components you require, effortlessly copy and paste the code into your project, and tailor them to suit your specifications. The code becomes entirely yours.

Leverage this resource as a blueprint to construct your unique component libraries.

Why Copy & Paste

The concept here is to empower you with ownership and authority over the code, enabling you to dictate how the components are constructed and styled.

Begin with predefined settings, then tailor the components according to your requirements.

One limitation of bundling the components into an npm package is the intertwining of style with implementation. It's crucial to separate the design of your components from their implementation.

Why Bootstrap

This was not an easy decision. We considered other options such as Tailwind, but ultimately, we had to make a choice. In this instance, we opted for Bootstrap because it is widely utilized across frontend scenarios. With a vast contributor base and a robust reputation, Bootstrap is accessible and comes with comprehensive features.

The biggest advantage of bootstrap lies in its widespread familiarity. There is a huge userbase in "the old world" and offers libraries for react or other JavaScript frameworks.

On the other hand, Bootstrap is a bit bloated, but it also provides essential components like JavaScript necessary for dynamic functionality.

While many may argue it's antiquated, giving it a try might lead us to agree that it serves as the lowest common denominator. Since we wanted to focus on freemarker rendering, we also sorted a couple of technologies out. We don't use react, vue or angular. The next rising technology would be probably a combination of tailwind + htmx. But let's see what the future brings maybe we add a little sugar to it.