Search packages, repositories and app categories

Package detailsv1.0.5

animated_cursor

Animated Cursor designed to enhance user interface interactions

AndroidiOSWebmacOSWindowsLinux
30-day downloads
75
Likes
33
Pub points
160

Install package

flutter pub add animated_cursor

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Animated Cursor is a Flutter package that enhances user interface interactions by providing customizable animated cursors across multiple platforms. It allows developers to create dynamic cursor effects, such as trails, shapes, or animations, improving visual feedback and engagement. The package supports desktop (Windows, Linux, macOS) and mobile (Android, iOS) platforms, making it ideal for immersive UI experiences. With simple integration via pub add, it enables smooth, performant cursor animations without complex setup. Perfect for games, creative apps, or interactive dashboards.

Use cases

  • Interactive UIs
  • Game development
  • Creative applications
  • Dashboard interfaces
  • Visual feedback systems

Key features

  • Customizable cursor animations
  • Cross-platform support
  • Smooth performance
  • Easy integration
  • Trail effects
  • Responsive design

Suitable for

  • UI/UX designers
  • Game developers
  • Interactive app creators
  • Desktop application builders
  • Creative coding projects

Considerations

  • Performance on low-end devices
  • Limited customization on web
  • Requires platform-specific testing
  • May not suit all accessibility needs
  • Potential overuse in minimal designs

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Alt Text

View on GitHub View on GitHub View on Linkedin View on Github

Preview

Alt Text

Animated Cursor Package

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 animated_cursor, add the following line to your pubspec.yamlfile:

dependencies:
  animated_cursor: ^1.0.5

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

$ 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.transparent 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),
      ),
    );
  }
}

Additional Information

👍 If you appreciate our solution's value and positive impact on your project,✨ show your support with a thumbs up! 🌟 Your feedback fuels our commitment to excellence.💫 Thank you for choosing us!

-Darshak Desai

Categories

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.