Check out the Issue Explorer
Looking to fund some work? You can submit a new Funded Issue here.
Front End Clean Up Part 1: UI Inventory
### User Story
As a contributor I'd like to know what all of the existing styles are on the Gitcoin site, so that I can make sure I'm using the right elements when I'm building the front end.
**Inventory Current Gitcoin UI Styles**
### Definition of Done
- [ ] Review the css styles and patterns across the Gitcoin Repo.
- [ ] Create an html page that displays all of the ui components that is being used on the Gitcoin.co site.
- [ ] Alerts
- [ ] Animations/Loaders
- [ ] Buttons
- [ ] Forms
- [ ] Typography (H1-H6, body copy, etc)
- [ ] Search Field
- [ ] Color Swatches
- [ ] Iconography
- [ ] Collapse/Expanders
- [ ] Images (in various sizes)
- [ ] Cards
- [ ] Carousels
- [ ] Checkboxes
- [ ] Button Groups
- [ ] Dropdown Menus
- [ ] Data Tables
- [ ] Illustrations (show all)
- [ ] Page Headers (show an example of each)
- [ ] Dialogs
- [ ] Please Group UI elements/components by type but show it on one long page what everything looks like.