Web animated hover menu #

A flutter package that will provide a different type of pretty animation with different alignment.

Key Features #

• Different type of animation in different alignment
• Mouse hover effect

Existing Animations #

• Left To Right
• Right To Left
• Top To Bottom
• Bottom To Top

Preview #

Easy usage #

Import it to your project file

import 'package:web_hover_menu/web_hover_menu.dart';

And add it in its most basic form like it:

HoverAnimationWidget(
headerTiles: headerModelList,
headerBoxDecoration: const BoxDecoration(
    borderRadius: BorderRadius.all(
      Radius.circular(5.0),
    ),
    color: Colors.black),
headerTextColor: Colors.white,
headerTextSize: 15.0,
menuTiles: menuModelList,
menuBoxDecoration: const BoxDecoration(
    borderRadius: BorderRadius.all(
      Radius.circular(7.0),
    ),
    color: Colors.black38),
menuTextColor: Colors.white,
animationType: AnimationType.rightToLeft,
menuTextSize: 16.0,
headerPosition: HeaderPosition.bottomRight),

Attributes #

Dependencies #

• provider

LICENSE! #

Web Hover Animated Menu is MIT-licensed.

Let us know! #

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.