Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gmpsankalpa/animated-tab-bar

This repository contains the code for an animated tab bar webpage.
https://github.com/gmpsankalpa/animated-tab-bar

animated css html javascript tabbar

Last synced: about 2 months ago
JSON representation

This repository contains the code for an animated tab bar webpage.

Host: GitHub
URL: https://github.com/gmpsankalpa/animated-tab-bar
Owner: gmpsankalpa
License: mit
Created: 2024-04-08T15:51:39.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-04-08T16:09:56.000Z (9 months ago)
Last Synced: 2024-04-11T05:27:38.233Z (9 months ago)
Topics: animated, css, html, javascript, tabbar
Language: HTML
Homepage: https://gmpsankalpa.xyz
Size: 571 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

README

# Animated Tab Bar

This repository contains the code for an animated tab bar webpage. The tab bar allows users to filter and navigate through different content sections with smooth animations.

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Dependencies](#dependencies)
- [Contributing](#features)
- [License](#license)

## Introduction

This project provides an HTML webpage with an animated tab bar. The tab bar includes two sections: filters and main tabs. The filters section allows users to filter content based on categories like "New", "Popular", and "Following". The main tabs section allows users to navigate between different content sections with smooth animations.

## Features

- Interactive filter tabs for content filtering.
- Smooth animation effects for transitioning between tabs.
- Responsive design for various screen sizes.

## Installation

To run Fireworks locally, follow these steps:

1. Clone this repository to your local machine:

```bash
git clone https://github.com/gmpsankalpa/Animated-Tab-Bar.git

2. Navigate to the project directory:

```bash
cd Animated-Tab-Bar

3. Open `index.html` in your web browser.

## Usage

To use this webpage, simply open the `index.html` file in a web browser. You can interact with the filter tabs to filter content based on different categories. Similarly, you can click on the main tabs to navigate between different content sections.

## Dependencies

This project doesn't rely on any external dependencies. It uses plain HTML, CSS, and JavaScript.

## Contributing

Contributions are welcome! If you'd like to contribute to Animated Tab Bar, please follow these steps:

1. Fork this repository.
2. Create a new branch: `git checkout -b feature`
3. Make your changes and commit them: `git commit -am 'Add new feature'`
4. Push to the branch: `git push origin feature`
5. Submit a pull request.

## License

This project is licensed under the [MIT](LICENSE) License.

---

Repo Details 🤙

![repo size](https://img.shields.io/github/repo-size/gmpsankalpa/Animated-Tab-Bar?label=Repo%20Size&style=for-the-badge&labelColor=black&color=20bf6b)
![GitHub forks](https://img.shields.io/github/forks/gmpsankalpa/Animated-Tab-Bar?&labelColor=black&color=0fb9b1&style=for-the-badge)
![GitHub stars](https://img.shields.io/github/stars/gmpsankalpa/Animated-Tab-Bar?&labelColor=black&color=f7b731&style=for-the-badge)
![GitHub LastCommit](https://img.shields.io/github/last-commit/gmpsankalpa/Animated-Tab-Bar?logo=github&labelColor=black&color=d1d8e0&style=for-the-badge)

Deploy status badge 🤖

[![Netlify Status](https://api.netlify.com/api/v1/badges/f8c54f31-10f6-42a4-80e6-342090a3c60e/deploy-status)](https://app.netlify.com/sites/gmp-Animated-Tab-Bar/deploys)