lion VS tailblocks

You wanna have look at lion

Like this? https://github.com/ing-bank/lion/

I've been maintaining a web component library with Lit for a while. Web components overall don't feel ready for primetime. Just making a custom input field and have it work with a is chore.

Just look here at how much overall code is needed to do it right: https://github.com/ing-bank/lion/blob/master/packages/input/...

After you get through all the inheritance and mixins it's thousands of lines

Essentially every element that doesn’t already exist in html is now able to be created as a custom element. Or to better utilise modern features of JavaScript existing elements are augmented. For example the white labelled Lion Elements by ING or Shoelace. These would make an excellent start to the web / web application section of a fully developed design system.

Lion (ING)

42. Lion Web Components

If you want a quick copy paste solution http://tailblocks.cc does a good job.

8. Tailblocks

tailblocks.cc

https://github.com/mertJF/tailblocks might have some code in it for you and it is MIT.

Tailwind Blocks - This UI kit includes a collection of pre-designed blocks, such as hero sections, pricing tables, and testimonials. Each block is fully customizable and can be easily integrated into any project.

Tailblocks - Ready-to-use Tailwind CSS blocks

https://github.com/mertJF/tailblocks this? MIT license

Tailblock is a pre-designed block of UI elements that are styled using the framework's utility classes and can be easily dropped into a project to save time and reduce the need for custom CSS. These include common UI patterns such as navigation bars, buttons, forms, and other interface elements.