GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → shorthandcss → Shorthand

shorthandcss / Shorthand

Feature rich CSS framework for the new decade https://shorthandcss.com

Labels

cssscsscss3css-framework

Projects that are alternatives of or similar to Shorthand

Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+211.3%)
Mutual labels:  css-framework, scss, css3
Tacit
CSS Framework for Dummies, Without Classes
Stars: ✭ 1,344 (+484.35%)
Mutual labels:  css-framework, scss, css3
Bootstrap4 Website
Website built with bootstrap 4 Framework
Stars: ✭ 124 (-46.09%)
Mutual labels:  css-framework, css3
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-42.17%)
Mutual labels:  css-framework, scss
Box Css Framework
Box - CSS Framework
Stars: ✭ 138 (-40%)
Mutual labels:  css-framework, css3
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-50.43%)
Mutual labels:  css-framework, scss
Snack
🍱 A minimal CSS framework for web.
Stars: ✭ 117 (-49.13%)
Mutual labels:  css-framework, css3
Puppertino
A CSS framework based on Human Guidelines from apple
Stars: ✭ 138 (-40%)
Mutual labels:  css-framework, scss
Gridlex
Just a CSS Flexbox Grid System
Stars: ✭ 1,328 (+477.39%)
Mutual labels:  scss, css3
Griddle
A CSS Grid Framework
Stars: ✭ 215 (-6.52%)
Mutual labels:  scss, css3
Csscreatures
Make a creature by tweeting to @csscreatures
Stars: ✭ 144 (-37.39%)
Mutual labels:  scss, css3
Lazy
Kule Lazy4 / CSS Framework
Stars: ✭ 147 (-36.09%)
Mutual labels:  css-framework, css3
Animxyz
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Stars: ✭ 1,689 (+634.35%)
Mutual labels:  css-framework, scss
Clever Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Clever is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 98 (-57.39%)
Mutual labels:  scss, css3
W3develops
The w3develops.org open source codebase - Learn, build, and meetup with other developers on DISCORD https://discord.gg/WphGvTT and YOUTUBE http://bit.ly/codingyt
Stars: ✭ 120 (-47.83%)
Mutual labels:  scss, css3
Lc Design
A UI component framework for building LCUI application.
Stars: ✭ 134 (-41.74%)
Mutual labels:  css-framework, scss
Bahunya
10KB classless CSS framework with responsive typography, navbar, syntax highlighting, etc.
Stars: ✭ 170 (-26.09%)
Mutual labels:  css-framework, css3
Avalanche
A package based CSS framework.
Stars: ✭ 86 (-62.61%)
Mutual labels:  css-framework, scss
Css Flags
A collection of pure CSS flags, all single divs.
Stars: ✭ 90 (-60.87%)
Mutual labels:  scss, css3
Bulma Scss
Bulma SCSS - The Bulma CSS Framework files converted to SCSS syntax
Stars: ✭ 143 (-37.83%)
Mutual labels:  css-framework, scss
View All Similar Projects ➔

Shorthand

Shorthand is a CSS framework and does not include any javascript. You can customize the framework by using .scss only.

Size

Dist File URL
Lite lite.shorthand.min.css
Full shorthand.min.css

Features

  • Design almost anything without writing a css code.
  • Ready to use default styles for some frequently used elements like form, table and spinner.
  • Two style files available monochrome and multicolor.
  • Lite distribution style in with gray colors only, available under 16KB.
  • 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.
  • Gradient text, background and border color. 250+ Gradient color options.
  • Responsive height. Maintain aspect ratio of block 1:1, 1:2, 4:3 and more.
  • Make content placeholder with in-progress class.

Quick start

Several quick start options are available:

  1. Download the latest release.
  2. Clone the repo: git clone https://github.com/shorthandcss/shorthand.git.
  3. Install with npm: npm install shorthandcss.
  4. Use CDN

Develop

Clone the repo from Github and install dependencies through npm.

git clone https://github.com/shorthandcss/shorthand.git
cd shorthand
npm install

Run the build command to build dist files

npm run build

Documentation

Docs can be found at https://shorthandcss.com/docs

License

Copyright 2020 @bansal-io. This project is licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].