Shorthand CSS

Shorthand CSS

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.

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

What do you think? …

Michael Andreuzza
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
@michael_andreuzza Thanks for noticing. I will fix in the next release.
Michael Andreuzza
@bansal_io you are very wrlcome buddy cool project !
Bansal
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
@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
@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
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.

Do you use Shorthand CSS?

© 2025 Product Hunt