DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

smakosh
smakosh

Posted on • Originally published at smakosh.com on

Why I made Unnamed?

This article was originally published on my personal blog Smakosh.

Unnamed

I hate when I use a known css framework like Skeleton or Bulma… and specially frameworks like Bootstrap or Foundation…

Because of many reasons but here’s the main reason: β€œsince I’m also an UI designer, I always have to rewrite the entire css code of the UI elements like buttons, forms, cards…”.

So I started going deep in css, like the trick to style a radio or checkbox button (hiding the input and styling the span tag), learned a lot about flexbox, about the standard way to make a grid system (floats & widths), flexbox grids & also cssgrid & a lot more…, and so I started posting pens of each styled element on my codepen until one day I was designing an UI kit at 2 amβ€Šβ€”β€Šlolβ€Šβ€”β€Šand I thought about coding each element & that’s when I started coding the framework, I didn’t think about sharing it or open sourcing it but then I thought why not? some would love to use it too right? & so, I published it, made it open source & included everything on the github repository for the front end developers who would love to edit everything.

Unnamed is easy to use & to edit!, there is also a npm module

$ nmp i unnamed
Enter fullscreen mode Exit fullscreen mode

& import it if you’re using webpack

import 'unnamed'
Enter fullscreen mode Exit fullscreen mode

There is also a CDN if you’re not used to the node eco-system

https://unpkg.com/unnamed
Enter fullscreen mode Exit fullscreen mode

I got a positive & negative feedback on Product hunt that really made me go forward and make more useful products so expect more soon!

Docs: https://unnamed.smakosh.com

On github: https://github.com/smakosh/unnamed-css-framework

Top comments (0)

🌚 Life is too short to browse without dark mode