AttriCSS a classless css framework.

AttriCSS is a classless css framework that style normal ugly html to beautiful website.


For faster prototyping of backend logic on front end without any use of classes and just using html.

  1. For blogging websites just add attriCSS to site and it will turn a ugly site into a beauty.
  2. For backend developer who do not want to dig into css classes.
  3. For faster prototyping.
  4. No use of classes. still responsive and still have almost all the features you need.
  5. Create your own theme by just changing some variables.

Available Themes

  1. No Theme
  2. Bright Light green
  3. Midnight Green
  4. Dark Forest Green
  5. Dark Fairy Pink
  6. Light Fairy Pink


Predefined Themes

  1. Download the theme you want to use.
  2. Visit Themes From
  3. add link to you <head> tag
    <link rel="stylesheet" href="path_to_attricss_file.css" type="text/css">

Custom Theme

  1. Download the pre-compiled SCSS files from here
  2. Open the _variable.scss file it has 8 variables
    $navtext-color: #fff;               <-- This is for navbar text color
    $font-family: "Nunito", sans-serif; <-- This is Font Family for the theme
    $text-color: #000;                  <-- This is the text color on the body
    $body-bg: white;                    <-- This is body's background color (choose this color with text-color in mind to make it visible)
    $code-bg-color: #eeeeee;            <-- This is code blocks background color
    $tertiary-color: #bdbdbd;           <-- Tertiary color for theme theme
    $secondary-color: #212121;          <-- Secondary color for the theme
    $primary-color: #00c853;            <-- Primary color for the theme
  4. Change these value with whatever theme you want to make.
  5. Recompile the AttriCSS.scss file make the custom theme is ready. How to compile SCSS file to CSS.