h8k-design

The H8k design library aims to standardize the user interface of the Frontend Problem Statements created in the Hackerrank platform.

This library makes use of CSS Variables and SCSS to make the stylesheets modular and customisable. You can modify the

Get Started

• Install the library

  NPM

  npm i h8k-design --save 
  

  CDN

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/h8k-design@latest/dist/index.css"    
  

• Reference the assets in your Frontend project:

  React

  Include the compiled index.css from the dist folder in your index.css and you are good to go.

  @import 'node_modules/h8k-design/dist/index.css';
  

  Angular

  Include the compiled index.css from the dist folder in your style.css.

  @import 'node_modules/h8k-design/dist/index.css';
  

Note: If you are using scss or sass, it is also possible to include the index.scss file from 
the lib folder.

@import "node_modules/h8k-design/lib/index.scss" 

Demo

Check out the Live Demo