UI kit VS Picnic CSS

To be able to use the UIKit framework, you can visit the website directly at https://getuikit.com/.

UIkit: A lightweight and modular front-end framework.

Franken UI is compatible with UIkit 3 and can work as a standalone CSS framework but can be integrated with Tailwind CSS for faster styling and customization. The design of Franken UI is influenced by shadcn/ui. It aims to provide a solution to developers who are not comfortable using React, Vue, or Svelte by leveraging UIkit for JavaScript and accessibility.

As an iOS engineer, you've likely encountered SwiftUI and UIkit, two popular tools for building iOS user interfaces. SwiftUI is the new cool kid on the block, providing a clean way to build iOS screens, while UIkit is the older and more traditional way to build screens for iOS. SwiftUI uses a declarative style where you describe how the UI should look, similar to Jetpack Compose in Android. UIkit, on the other hand, uses a drag-and-drop development style, which is relatively similar to Android XML.

All that's left is adding a little style. I won't claim to be a frontend engineer or a UI designer, so I just used UIKit to easily add modern-looking style to the HTML table and buttons. As mentioned throughout the article, the CSS classes and other small details are excluded since they are not directly relevant to the tutorial. See the full example on GitHub to try running it for yourself.

Can try UIKIT out if you're looking around, I've used it solely for some quick slider stuff in certain projects and use it fully in others. The docs are pretty good and they have a discord community that's fairly active.

UIKit is my favourite

I personally like UI Kit, they provide the css and js for basic components that look good. Just use their documentation as a reference, copy and paste the HTML with classes.

ProcessWireProcessWire is a fantastic CMS/CMF (content management framework) and I think it is a good fit for your skills. Works with any front end CSS although my personal preference is UIkitUIkit.

Picnicss - Lightweight and beautiful library

franciscop/picnic - 👜 A beautiful CSS library to kickstart your projects

This was about 10 years ago, where there was Bootstrap, Pure CSS and little more, so I published:

https://picnicss.com/

It went to the front page of Hacker News (https://news.ycombinator.com/item?id=8315616). At the time I was a student in Spain doing coding just for fun, so any job-related opportunity would be slim and with really bad pay (I had actually already worked a bit as a dev for a pittance).

Someone contacted me and offered some really fun freelancing projects for what at the time seemed like an absurdly ridiculous large amount of money, so much that I got a great designer friend involved and split the money so the project would be even better.

I learned many things from that and as my curiosity pumped me to keep learning. I read about cases of people making 500k+/year as "normal" devs (meaning, not managers, and also not famous). Most of my Spanish peers didn't even believe that existed at the time, and thought I was crazy believing those "obviously fake" blog posts. But I've been working for USA companies basically since then, and couldn't be happier/wouldn't look back.

Picnic CSS:

https://picnicss.com/

My own and one of the older ones, almost 10 years ago, see the original Show HN:

https://news.ycombinator.com/item?id=8315616