npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

funky-cursor

v1.0.0

Published

A library for creating animated cursor trails with various visual effects. This package offers a range of customizable cursor trail components to enhance the interactivity and visual appeal of your web applications.

Downloads

56

Readme

Cursor Trail Package

A library for creating animated cursor trails with various visual effects. This package offers a range of customizable cursor trail components to enhance the interactivity and visual appeal of your web applications.

Installation

You can install the package via NPM:

npm install funky-cursor

Available Components :

The funky-cursor package includes the following cursor trail components:
BubblesTrailCursor: Creates bubble-like effects trailing the cursor.
GlowTrailCursor: Adds a glowing effect to the cursor trail.
ParticleLineTrailCursor: Displays a line of particles following the cursor.
RippleTrailCursor: Generates a ripple effect trailing behind the cursor.
SparkleTrailCursor: Creates sparkling effects following the cursor.
StarburstTrailCursor: Adds a starburst effect that follows the cursor.
WaveTrailCursor: Generates a wavy effect trailing the cursor.
SwirlTrailCursor: Creates a swirling effect behind the cursor.
SpiralTrailCursor: Adds a spiral pattern to the cursor trail.
SnowfallTrailCursor: Simulates a snowfall effect trailing the cursor.
NeonGlowTrailCursor: Provides a neon glow effect with customizable options.
LaserTrailCursor: Creates a laser-like trail effect following the cursor.
FireworkTrailCursor: Adds firework-like bursts as the cursor moves.
FireTrailCursor: Creates a fiery trail effect behind the cursor.
ConfettiTrailCursor: Simulates a confetti effect trailing the cursor.
ParticleTrailCursor: A generic particle trail effect.
StarfieldTrailCursor: Adds a starfield effect following the cursor.
LiquidTrailCursor: Simulates a liquid-like trail.
RainbowTrailCursor: Creates a rainbow effect following the cursor.
GalaxyTrailCursor: Adds a galaxy-like effect to the cursor trail.
StarTrailCursor: Provides a customizable star trail effect.
SpiralLineTrailCursor: Creates a spiral line pattern.
CurvedLineTrailCursor: Adds curved lines to the cursor trail.
GridPatternTrailCursor: Creates a grid pattern effect trailing the cursor.
AnimatedZigzagLineTrailCursor: Adds an animated zigzag line effect.
AnimatedConcentricLinesTrailCursor: Creates concentric animated lines.
AnimatedDiagonalLinesTrailCursor: Adds animated diagonal lines.
AnimatedLinearGradientTrailCursor: Provides an animated linear gradient trail.
GlowingTrailCursor: Adds a glowing trail effect with customizable options.
InkDropTrailCursor: Simulates ink drops trailing the cursor.
LaserBeamTrailCursor: Creates a laser beam effect following the cursor.
AnimatedWaveformLineTrailCursor: Adds an animated waveform line effect.

Usage
To use any of the components, import the desired component from the funky-cursor package and include it in your React component.

Customization
Most components allow customization via props. Here are common props you can adjust:

color: The color of the trail effect.
size: The size of the trail elements.
trails: Number of elements in the trail.
speed: Speed of the trail animation.
lifespan: Duration the trail elements remain visible.
dampening: Smoothness of the trail's movement.
Refer to each component's documentation for a complete list of customizable props.

Documentation
For detailed documentation and live demos of each component, visit the documentation website (replace with your deployed URL).

Contributing
If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes. Ensure that your changes include tests and updates to the documentation as necessary.

License
This project is licensed under the MIT License. See the LICENSE file for more details.

Feel free to reach out if you have any questions or need further assistance!