Shorthand CSS

Feature rich CSS framework for the new decade

3 followers

Feature rich CSS framework for the new decade

3 followers

Feature rich CSS framework built with SCSS. Build your own style and theme without writing a css code. More colors and fonts options than most themes.

Launch tags:Design Tools•Open Source•Developer Tools

Launch Team

Viktor.comAn AI coworker that actually does the work

Promoted

Shorthand CSS it"s a awesome product but what"s the difference between Size ,Gzip, Brotli?

Report

6yr ago

Pattern.css

Maker

Thanks @chrismessina for hunting. Hello this is bansal, the make of this css framework. At the start of new decade I thought I should made something exciting so I made this. This is my first open source project.

Report

6yr ago

Lexington Themes

Good work Bansal. Just one thing, you may want to chechk the contrast on the yellow button you have on home page. Also, the cards.

Report

6yr ago

Pattern.css

Maker

@michael_andreuzza Thanks for noticing. I will fix in the next release.

Report

6yr ago

Lexington Themes

@bansal_io you are very wrlcome buddy cool project !

Report

6yr ago

Pattern.css

Maker

I have not used tailwind but here are some things that makes it different: * Two style files available monochrome and multicolor. * Two gray color sets available gray and slategray. * Make interactive UI using transitions and transformations. * 36 Google fonts are already included. * Take advantage of filters. It’s easy to make Apple like blur effect. * More color options than any other popular framework. * 250+ Gradient color options. * Responsive height * in-progress

Report

6yr ago

UXWizz

@bansal_io "36 Google fonts are already included." Why is this a good idea? Isn't that a lot of bloat? Does it build with tree-shaking?

Report

6yr ago

Pattern.css

Maker

@cristy94 The core idea behind the shorthand is that you don't need to write css for small website. So I curated most popular google fonts that are ready to use. Just Import font and use. Look at my personal website bansal.io I used fira code font but there is no custom css for font. I am working on some free templates also and no custom css will be used, only shorthand classes.

Report

6yr ago

Tap Fury

Very nice! I'd definitely check out tailwind, since they're currently the leader of utility frameworks. It might be a good idea to mirror common features, i.e. how they do colors. That way people can easily jump over to shorthand, without having to rename everything. So instead of bg-red-light, it would be bg-red-100. Just a thought, really like what you've done, keep up the good work!

Report

6yr ago

Pattern.css

Maker

@alteredorange I used background opacity also. So it could be confusing using numbers with opacity. Like bg-red-light-30 turned to bg-red-100-30

Report

6yr ago

@bansal_io I like the product shorthandcss.com. Your designer skills are on point. I am working in a similar space with unwyre.io, and I was wondering if you would like to talk.

Report

6yr ago

In Tailwind documentation they create a learning by example tutorial using step by step property rental app creation tutorial, I think it would be helpful if you did so.

Report

6yr ago

1 2

Pros

Cons

Reviews