Tailwind CSS를 사용한 UI 입니다.

https://daisy.js.org/

[code]

<button class="inline-block px-4 py-3 text-sm font-semibold text-center text-white uppercase transition duration-200 ease-in-out bg-indigo-500 rounded-md cursor-pointer hover:bg-indigo-600">Tailwind Button</button>

[/code]

라고 해야 버튼이 하나 만들어지네요.  CSS보다 사용하긴 조금 더 편하지만,  거의 어셈블러 수준 같습니다.

이것을 간단하게 아래처럼 쓸 수 있게..  즉 80-90%는 아래처럼 사용하고, 나머지는 커스텀으로 추가해서 사용할 수 있게...

[code]

<button class="btn btn-primary">DaisyUI Button</button>

[/code]

왜 개발자들이 좋아하는지 알겠네요.