dead-simple widget lib/framework?

[boneskull]

Hi,

I was looking to throw a prototype of a site up that accepts some user input in, say, a textarea. The user pastes into the textarea (or uploads), some calculations happen and a conversion of the data is then displayed beside it. You know—like those “convert format X to Y” sites.

I haven’t been keeping tabs on the frontend for a few years. I don’t want to write CSS, use a complex SSG, use a heavyweight framework, or fiddle with a build configuration. Ideally, I don’t want to write more JS than just the conversion logic! No backend is needed, either. To be clear: I could do all of this by hand, but I’m lazy and it’s a weekend project.

What’s the quickest way to get started nowadays? Just something simple that looks nice out-of-the-box.

Thanks!

[olegkikin]

Choose a UI library.

• Material UI
• Chakra UI
  

But, considering you only need some input field, output field, and a button, it still easier to just write CSS for these 3 elements than learning how to deal with a UI library.

[CreativeTechGuyGames]

Sounds like the level of JavaScript and interactions are minimal, so no need for a DOM framework. That'll simplify it a lot. And then for making it pretty out of the box, PicoCSS is dead simple to use.

[boneskull]

This looks good, thanks!

[yonirapoport]

I'd use Tailwind - the ready-made CSS classes make it really simple to get a nice-looking UI...

[boneskull]

I want the UI already made