M A G I C M O U S E
icon@2x

Modern cursor effects for your RapidWeaver projects

A perfect fit for stylish sites

Lots of websites these days use interesting cursor effects to further enhance user interest and to complement the modern look and feel that they are striving to achieve. All of this is now available to you in your RapidWeaver projects!

Test it out on this page by hovering your mouse over any buttons or links.

Hover effects

There are numerous options in the Magic Mouse stack that offers a large number of possible effects for styling the cursor and effects.

image
image
image
image

Cursor styles

You'll see from the images above that there are also a lot of options for styling the cursor. Including showing or hiding the default cursor, having an inner dot and / or an outer circle!

Target anything

You can activate the hover effects for whichever elements on your page that you wish (most commonly it will be buttons and / or navigation items). You can do this by either adding custom CSS names to the desired elements or by using the inbuilt mechanism to target things like Navigation elements or links or buttons etc.

Long story short: you have total control!

Links

You will normally want to just target buttons and / or Navigation elements but you can also target links (like that one there)!.

Containers

Images

image

Hover over the links in the Nav bar to see the effect there too!

FAQs

Below are some of the most common questions about this stack. Please see our Knowledge Base page for full instructions about how to use this stack.

YES. These cursor / mouse effects can be used in any framework.

Each framework does things a bit differently but we have full documentation (on our Knowledge Base site and in the demo projects) to support you with whatever your RapidWeaver setup is.

If someone is using a touch device then they will interact with the page as they normally would and this will not affect them at all.

The cursor effect will not work within any iframe elements on your page.

You can only apply one effect type on a page (which will generally make for a better and more consistent user experience in any case).