ModernUI is a sleek and stylish library of reusable components for modern web development. It provides a collection of components designed with modern UI trends in mind, allowing developers to create visually appealing and user-friendly websites with ease.
- Buttons: Primary, Secondary, and Tertiary buttons with various styles.
- Animations: Smooth animations for interactive elements.
- Cards: Stylish card layout with shadow effects.
- Navigation Components: Modern navigation bar and sidebar menu.
- Typography Components: Elegant heading and paragraph styles.
- Form Elements: Stylish input fields and form elements.
- Layout Components: Responsive grid system and flexbox utilities.
- Utility Classes: Modern color palette, spacing, and border utilities.
To start using ModernUI in your project, follow these steps:
-
Clone the repository:
git clone https://github.com/elijahgummer/ModernUI.git
-
Include the compiled CSS file (
modernui.css
) in your HTML:<link rel="stylesheet" href="dist/css/modernui.css">
-
Start using the components in your HTML:
<button class="btn-primary">Primary Button</button> <button class="btn-secondary">Secondary Button</button>
We welcome contributions from the community! Whether it's fixing a bug, adding a new feature, or improving documentation, your help is appreciated.
To contribute to ModernUI, follow these steps:
- Fork the repository.
- Clone your forked repository to your local machine.
- Create a new branch for your feature:
git checkout -b feature/your-feature
. - Make changes and commit them:
git commit -am 'Add new feature'
. - Push to the branch:
git push origin feature/your-feature
. - Create a new Pull Request.
Our team will review your contribution and merge it into the main branch after approval.
For bug reports, feature