gravityCSS v1.0

GravityCSS is a CSS library designed to streamline and enhance the styling of HTML elements. This library offers a collection of pre-made styles to facilitate the process of styling your web pages with ease and efficiency.

Installation & Set Up

Install the gravityCSS library using this command in the terminal:

  npm i gravitycss

In order to make the gravityCSS library to work in your html file use this link in the head element:

     <link rel="stylesheet" href="./node_modules/gravitycss/gravity.css">

Features

• Pre-made styling
• Easily customizable
• Simple to understand

Themes

In gravityCSS there is 4 different theme colors which you can choose for all the different pre-made styles:

• primary: Royal Blue
• secondary: Deep Purple
• modern: Black
• default: Gray

NOTE

The changes you encounter depend on the gravityCSS version you're using. Updates can bring anything from new features to revamped styles. If you're using an older gravityCSS version in your projects, exercise caution when updating, as significant changes may occur.

gravityCSS is free to use for both commercial and personal purposes, and it doesn't require attribution. However, it would be appreciated if you provide credit.

Styles

GravityCSS simplifies styling by employing pre-made styles that can be easily applied to HTML elements through the use of classes. This approach allows you to selectively choose the elements to which you want to apply specific styles. Below is a list of the available classes in GravityCSS:

Buttons:

btn-primary

btn-secondary

btn-modern

btn-default

Text Inputs:

text-primary

text-secondary

text-modern

text-default

Color Inputs:

color-primary

color-secondary

color-modern

color-default

Checkboxes:

check-primary

check-secondary

check-modern

check-default

Headers:

h-primary

h-secondary

h-modern

h-default

Paragraphs:

p-primary

p-secondary

p-modern

p-default

Emphasis:

em-primary

em-secondary

em-modern

em-default

Blockquote:

bq-primary

bq-secondary

bq-modern

bq-default

Anchor:

a-primary

a-secondary

a-modern

a-default

Loaders:

loader-primary

loader-secondary

loader-modern

loader-default

FAQ

Why use gravityCSS?

gravityCSS is a great way to create fast web pages aswell as its friendly for beginners!

Can i use gravityCSS for free in my projects?

Yes, you can use gravityCSS for both commercial use and personal use for free.

Who made gravityCSS?

gravityCSS was made by youtuber and web developer ArtOperator.