Elle UI Framework

This framework is written entirely in HTML & CSS with a peppering of Vanilla JavaScript. It was built as part of a collaborative project for student in the first cohort of Bov Academy

Live Site

• Elle Pure HTML/CSS/JS UI Framework

Members:

• Brian - Project Manager
• Stu - Product Manager
• PJ
• Rafael
• Ruben

Project Background

• UI Frameworks Hackathon Details

Implementation

• Loosely followed Design 5
• Used SCSS/HTML -> Minimal JavaScript
• 7-1 Project Style

Innovative Components

• Long Search Editor [Stu]
• Search w/ Loading Indicator [Brian]
• Readability Improvement Panel [Rafael]
• Swing Menu [Brian]
• Fan Display [Brian]

All Components(20+)

• Main Site [All]
• Color Pallete [Brian]
• Typography [All]
• Grid Layout [Brian]
• Buttons - Basic Buttons [Stu]
• Buttons - Rounded Buttons [Stu]
• Buttons - Button Groups [Stu]
• Card - Teaser [Stu]
• Card - Contact [Stu]
• Card - Call to Action [Stu]
• Tabs Displays [Stu]
• Carousels [Brian]
• Accordion - A [PJ]
• Accordion - B [PJ]
• Accordion - C [PJ]
• Header/Footer - [Brian]
• Basic Nav List [Brian]
• Radio/Checkbox [Rafael]
• Pagination [Rafael]
• Form - Contact [Stu]
• Form - Sign Up [Stu]
• Basic Search Bar [Brian]
• Long Search Editor [Stu][Innovative]
• Search w/ Loading Indicator [Brian][Innovative]
• Progress Bar [Brian]
• Toggles [Rafael]
• Modal [Stu]
• SideNav [Rafael]
• Lists [Rafael]
• Tables [Rafael]
• Readability Improvement Panel [Rafael][Innovative]
• Linear Clock [Brian]
• Definition Zoom [Brian]
• Swing Menu [Brian][Innovative]
• Fan Display [Brian][Innovative]
• Scrollspy [Stu]

For more ideas see:

• Bootstrap Components
• Materilaize Components
• Material Design for Bootstrap Components
• Zurb Foundation Components