/nav_css-effects

A collection of navigation bar effects implemented using CSS, built with React.js, Vite, TypeScript, and styled-components.

Primary LanguageTypeScriptMIT LicenseMIT

Nav CSS Effects

(English)

This repository contains a collection of navigation bar effects implemented using CSS, built with React.js, Vite, TypeScript, and styled-components.

preview

Installation

  1. Clone the repository:

    git clone https://github.com/Odisseu93/nav_css-effects.git
  2. Install the dependencies using Yarn:

    cd nav_css-effects
    yarn install

Usage

  1. Start the development server:

    yarn dev
  2. Open your web browser and navigate to http://localhost:3000.

  3. Click on the navigation bar effect you want to see.

  4. Enjoy the animated navigation bar!

License

This project is licensed under the MIT License.


(Português)

Este repositório contém uma coleção de efeitos de barra de navegação implementados usando CSS, construído com React.js, Vite, TypeScript e styled-components.

preview

Instalação

  1. Clone o repositório:

    git clone https://github.com/Odisseu93/nav_css-effects.git
  2. Instale as dependências usando o Yarn:

    cd nav_css-effects
    yarn install

Uso

  1. Inicie o servidor de desenvolvimento:

    yarn dev
  2. Abra seu navegador da web e acesse http://localhost:3000.

  3. Clique no efeito de barra de navegação que deseja visualizar.

  4. Desfrute da barra de navegação animada!

Contribuição

Contribuições são bem-vindas! Se você tiver alguma ideia ou sugestão, abra uma issue ou envie um pull request.

Licença

Este projeto está licenciado sob a Licença MIT.