Open main menu

Inclusive UI

A Design Library that benefits everyone

Design with accessibilty and inclusion give more people a chance to interact with your product and get a positive experience

By Dheeraj Purohit

Installation Documentation

Installation Guidelines for using Inclusive UI in your Project

  • Put this link tag in the head tag of your webpage
  • For Icons Font Awesome has been used
  • Also Include the link of font-awesome in head tag of your webpage

Feature of Inclusive UI

  • Based on Inclusive Design Principles
  • Semantic Elements
  • Accessibility
  • Follows WCAG guidelines
Documentation 
<!-- Exclusive Link for using Inclusive UI -->
<link rel="stylesheet" href="https://inclusive-ui.netlify.app/library/inclusive-ui.css">
<!-- Font Awesome Link used in Design Library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" />