https://github.com/wyfir/bottom_navbar

The Bottom Navigation Menu is a sleek and user-friendly bottom navigation system ideal for enhancing mobile web applications.
https://github.com/wyfir/bottom_navbar

bottom-navigation bottom-navigation-bar css html html-css-javascript javascript navbar navbar-css navigation-menu responsive-design

Last synced: about 2 months ago
JSON representation

The Bottom Navigation Menu is a sleek and user-friendly bottom navigation system ideal for enhancing mobile web applications.

• Host: GitHub
• URL: https://github.com/wyfir/bottom_navbar
• Owner: wyfir
• License: mit
• Created: 2024-07-24T21:01:48.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-24T21:16:52.000Z (5 months ago)
• Last Synced: 2024-07-24T23:51:26.698Z (5 months ago)
• Topics: bottom-navigation, bottom-navigation-bar, css, html, html-css-javascript, javascript, navbar, navbar-css, navigation-menu, responsive-design
• Language: HTML
• Homepage: https://wyfir.github.io/bottom_navbar/
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# Bottom Navigation Menu

The Bottom Navigation Menu is a sleek and user-friendly bottom navigation system ideal for enhancing mobile web applications. It features icons with optional text labels, ensuring optimal space usage and accessibility. The menu is developed using HTML, CSS, and JavaScript, making it fully responsive and customizable.

## Features

- **Mobile-Optimized Design:** Specifically tailored for mobile devices, ensuring easy navigation with thumb-friendly links.

- **Icon-Based with Text Labels:** Combines icons and text labels for clarity, with an option to hide text for a more minimalist look.

- **Active Section Highlighting:** Automatically highlights the currently active section to provide visual feedback to the user.

- **Responsive and Adaptable:** Adjusts to various screen sizes and orientations.

- **Customizable Appearance:** Utilizes CSS variables for easy theme and style customization.

## Demo

Experience the live functionality of the Bottom Navigation Menu here:

[Live Demonstration](https://wyfir.github.io/bottom_navbar/)

## Installation

1. **Clone the repository:**

   ```bash

   git clone https://github.com/wyfir/bottom_navbar.git

   ```

2. **Navigate to the project directory:**

   ```bash

   cd bottom_navbar

   ```

# Css and JavaScript

Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.

## Important!

Ensure you include the Boxicons CSS in your ``:

```html

```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.

# Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.