animated_cursor 1.0.0 copy "animated_cursor: ^1.0.0" to clipboard
animated_cursor: ^1.0.0 copied to clipboard

'The "Animated Cursor" package is a Flutter package designed to enhance user interface interactions by providing a visually appealing animated cursor. It offers a customizable animated cursor widget t [...]

Alt Text

Animated Cursor Package #

View on GitHub

 Welcome to the Animated Cursor package for Flutter! This package provides a customizable animated cursor widget that you can easily integrate into your Flutter projects.

Installing #

Add dependency to pubspec.yaml To use the latest version of your_package_name, add the following line to your pubspec.yamlfile:

dependencies:
animated_cursor: ^1.0.0

Install it You can install packages from the command line: with Flutter:

$ flutter pub get

Then run: #

flutter pub get

Import the package

import 'package:animated_cursor/animated_cursor.dart';

Usage #

AnimatedCursor(
circleColor: Colors.red,
dotColor: Colors.red,
backgroundColor: Colors.black,
borderWidth: 2,
child: Container(color: Colors.black)
);

Properties of Animated Cursor: #

Name Type Default Behaviour Description
child Widget The child widget beneath the animated cursor.
cursor MouseCursor? SystemMouseCursors.basic The cursor to be displayed when the mouse is over the child widget
circleColor Color? Color(0xFF4CAF50) Color of the animated circle.
dotColor Color? Color(0xFF4CAF50) Color of the animated dot.
backgroundColor Color? Colors.white Background color of the cursor.
circleDuration Duration? 100 Duration of the animated circle's appearance.
dotDuration Duration? 350 Duration of the animated dot's appearance.
borderWidth double? 1 Width of the cursor's border.
shape CursorShape? BoxShape.circle Shape of the cursor (Circle or Rectangle).
borderRadius BorderRadius? 100 Border radius for the cursor (applicable when shape is set to Rectangle).

Example #

import 'package:animated_cursor/animated_cursor.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Animated Cursor',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.red,
      ),
      home: AnimatedCursor(
        // cursor: SystemMouseCursors.alias,
        circleColor: Colors.red,
        dotColor: Colors.red,
        backgroundColor: Colors.black,
        borderWidth: 1,
        child: Container(color: Colors.black),
      ),
    );
  }
}
33
likes
0
points
18
downloads

Publisher

unverified uploader

Weekly Downloads

'The "Animated Cursor" package is a Flutter package designed to enhance user interface interactions by providing a visually appealing animated cursor. It offers a customizable animated cursor widget that developers can easily integrate into their Flutter applications. With this package, developers can customize various properties of the cursor, such as color, shape, duration of animations, and border width, to match the design and style of their applications. '

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, provider

More

Packages that depend on animated_cursor