Shorthand CSS

Shorthand CSS

Feature rich CSS framework for the new decade

3 followers

Visit website
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.
Shorthand CSS gallery image
Shorthand CSS gallery image
Shorthand CSS gallery image
Shorthand CSS gallery image
Launch tags:Design Tools•Open Source•Developer Tools
Launch Team
PinMe
PinMe
Publish Sites in Seconds. Tamper-proof by design.
Promoted

What do you think? …

Michael Andreuzza
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.
Bansal
Pattern.css
Maker
@michael_andreuzza Thanks for noticing. I will fix in the next release.
Michael Andreuzza
Lexington Themes
@bansal_io you are very wrlcome buddy cool project !
Bansal
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
Cristian
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?
Bansal
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.
Bansal
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.
Linus Bruns
Looks nice :-)
Bansal
Pattern.css
Maker
@linus_bruns Thanks.
alteredorange
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!
Bansal
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
Daniel Miller
This is cool and useful. GJ.
Daniel Miller
@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.
12
Next
Last