animated_mouse_cursor 1.0.0

Flutter package for using custom mouse cursor on flutter web

animated_mouse_cursor

This Flutter package create beautiful custom mouse cursor on flutter web

Demo

Installation

Add this to your pubspec.yaml file:

dependencies:
  animated_mouse_cursor: <latest-version>

or

flutter pub add animated_mouse_cursor

Implementation

Import the package in your Dart file:

import 'package:animated_mouse_cursor/animated_mouse_cursor.dart';

Usage

The AnimatedCursor widget allows you to create a defualt cursor for your mouse you can wrap this widget in MaterialApp or a single Widget.

      MaterialApp(
      title: 'Animated Cursor Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: AnimatedCursor(
        child: const MyHomePage(title: 'Animated Cursor Demo'),
      ),
    );

The AnimatedCursorMouseRegion widget create a custom animation for your selected widget by wraping that widget.

        AnimatedCursorMouseRegion(
          heightMultiplyer: 5,
          child: Text(
            "Hover Widget Animation",
            style: Theme.of(context).textTheme.titleLarge,
          ),
        ),