Compact-UI

Compact UI is an open-source, cross-platform component library that give designers and developers a free hand to create engaging product experiences.

---

Import Links

HTML file link

<link rel="stylesheet" href="https://compact-ui.netlify.app/stylesheets/style.css">

OR

CSS file link

@import url('https://compact-ui.netlify.app/stylesheets/style.css');

Copy-paste the given stylesheet link before all other stylesheets to load our CSS.

---

Website Walkthrough

Live Demo

https://compact-ui.netlify.app/

---

Overview

Customization

• Theme Colors
• Palette
• Typography

Components

• Avatar
• Badge
• Alert
• Button
• Card
• Image
• Input
• Snackbar
• Rating
• Grid
• List
• Header
• Modal
• Chips
• Drawer

---

How to Contribute to this repository

1. Fork this repo
2. Clone the repo using git clone <repo-link>
3. Make a new branch using git checkout -b <branch-name>
4. After making changes, add your files using git add .
5. Commit your files for push using git commit -m "commit-message"
6. Push these changes to your fork using git push origin <branch-name>
7. Create a pull request to the main repo.

Things to keep in mind before submitting a PR:

• Make sure your branches are up to date with the master branch of the main repo.
• Add the upstream repo by using git remote add upstream <upstream-repo-link>
• Fetch the latest commit details using git fetch upstream and merge them using git merge upstream/master master

(back to top)