Hello and Welcome to Inclusive UI Design Library

A Design Library that benefits everyone

Link : Inclusive UI

Preview

Features

• Based on Inclusive Design Principles
• Semantic Elements
• Accessibility
• Follows WCAG guidelines

Components

1. Alert
2. Avatar
3. Badge
4. Button
5. Card
6. Image
7. Input
8. Text Utilities
9. Lists
10. Navigation
11. Rating

Installation

Installation Guidelines for using Inclusive UI in your Project

• Put this link tag in the head tag of your webpage

<link rel="stylesheet" href="https://inclusive-ui.netlify.app/library/inclusive-ui.css"/>

• For Icons Font Awesome has been used

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" />

Author

• @purohitdheeraj

Collaborate

If you want to collaborate in making this Inclusive Design more accessible feel free to make an PR.

Social Links