Add an expressive layer to pointer movement with trails, distortions, followers and responsive interactions that make browsing feel more tactile, playful and connected to what users are exploring on screen.
Layout
Use Liquid Glass Cursor or Colorful Cursor Aura when the page needs a premium atmospheric pointer layer. Use Magnetic Image Trail, Phantom Image Trail, or Inertia Image when pointer movement should preview portfolio or product imagery. Use Pixel Bloom Cursor, Noise Ripple Cursor, Fish Eye Cursor, or Rope Cursor for experimental launch pages that can carry more expressive motion.
Cursor effects belong on creative portfolios, agency homepages, campaign pages, culture brands, editorial microsites, product launches, and proof-of-craft pages. They work best when the pointer can become part of the brand without being responsible for meaning, navigation, or conversion clarity.
Avoid cursor effects on dashboards, checkout, forms, documentation, admin tools, dense product UIs, accessibility-critical flows, and pages with many native controls. Precision beats atmosphere in these contexts.
Use one cursor layer, throttle pointer movement with requestAnimationFrame, avoid large full-screen filters, and keep the cursor layer below modals, menus, and critical UI. Image trails should disable when the tab is hidden, pointer velocity becomes excessive, or the effect is outside the intended section.
Preserve native click meaning, visible focus rings, keyboard operation, hover states, modal stacking, and screen-reader independence. Never hide important content behind pointer-only interaction.
Disable them on coarse pointers and return to native touch behavior. If the cursor revealed imagery or proof, replace that behavior with visible previews, static cards, tap-accessible states, or mobile galleries.
Need a custom effect? Tell us what to create.