DEV Community

loading...

Why I made Unnamed?

smakosh
Self-taught graphic, UI/UX designer and full stack JavaScript developer, loves open source and building side projects while working with startups.
Originally published at smakosh.com on ・2 min read

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

Discussion (0)