
lofi ui
Low fidelity web components for Tailwind CSS
I've laid and launched the Vue JS foundation for the website. A better filtering searching SPA experience is on the way, but for now it's nice and simple.
The library of components is growing as well alongside more frequent features from the Codepen crew which is super encouraging!
Check it out -> https://lofiui.co/
Consistency is key right?
Every 2 days (on average) I've coded up a new snippet. The style is starting to evolve a little, moving beyond just the stark black and white look. With larger full-page components, you need a slightly broader colour pallette work with.
At this stage, I've got 22 snippets online. Starting to get some low-level positive feedback. I'll continue to grow the audience a little more, and then seek some qualitative feedback on what's valuable to them.
Onwards and upwards!
Snippet collection -> https://codepen.io/collection/DqLkab
1 Like
Comment
I'd been building this library of Tailwind CSS components out for a while. I was always rebuilding things between projects, and having these snippets of code up my sleeve saved me a ton of time.
I figured there was a bunch of other Tailwind CSS users out there like me. Those that needed something that was purely functional, on top of which they could layer their own style.
Thoughts about a website that could handle the library, code snippets, live editing, etc, etc, went out the window. For now, I just want to share the components and see if my assumption is correct. Will people find them useful.
Initial components are live on Codepen. https://codepen.io/collection/DqLkab
I'll add a few more over the coming weeks.
Next steps:
- Fill out the library a little more
- Simple landing page
- Make a little more noise (Twitter, PH, etc)
Will I monetise this? Probably not. If it's valuable, it will most likely build me a bit of an audience. For now, though, I'm happy to contribute back to the FE dev community.
2 Likes
Comment
About
Lofi ui is a library of boilerplate low fidelity Tailwind CSS components that help speed up projects.

Comment