CODE LESS, STYLE MORE

DEMO

Table of contents

• About The Project
• Installation Guide
• Documentation
• Screenshots
• Technologies Used
• Lessons Learned
• Upcoming Features
• Resources

About The Project

MOR is an open-source styling framework that helps you develop a fast and easy user interface by providing user-friendly front-end components, which can be easily combined to create responsive web interfaces. Spend less time in designing and focus more on logic without putting much effort into UI.

Installation Guide

---

Copy and paste the code into the head tag of your html document on top of all the other stylesheets to present MOR to your project.

<link rel="stylesheet" href="https://mor-ui.vercel.app/css/components.css" />

Documentation

---

MOR is supplied with these Components :

• Text Utilities
• Button
• Avatar
• Badge
• Card
• Modal
• Image
• App bar
• Alert
• Rating
• Slider
• Input
• Toast
• Lists
• Grid

Screenshots

Technologies Used

• HTML5
• CSS3
• JavaScript

Lessons Learned

• Learned about Stacking context and how this works
• Implemented responsiveness on images with different aspect ratios
• Worked with CSS Grid
• Used min() and max() CSS functions

Upcoming Features

• More Components
• More variants of existing Components
• Dark mode toggle

Resources

• Font Awesome
• Google font
• NameCheap

Feedback

If you have any feedback, please reach out to me at :

• Linkedin
• Twitter
• Instagram