Download Chrome extension

Banana custom cursor

Banana trae un cute cursor en un pack de cursor personalizado.

Try this cursor

Move across the preview to feel both cursor styles.

Banana cute cursor pack preview
Hover these
Auto · default + hover
88
Cursors Collection ha añadido un nuevo cursor de plátano para los navegadores web. Este cursor divertido y curioso es perfecto para los amantes de plátano o para cualquier persona que quiera agregar un toque jugable a su experiencia de navegación. El cursor cuenta con un plátano amarillo maduro con una raíz verde, y está seguro de traer una sonrisa a la cara de cualquiera que lo utilice. Cursors Collection ofrece una variedad de opciones de cursor únicas, y el cursor de plátano es una gran adición a su colección. Los usuarios pueden descargar y instalar fácilmente el cursor de forma gratuita desde su sitio web.Este paquete de cursores Banana es parte de la colección Food and drinks. También puedes ver otros paquetes de cursores en esta colección para encontrar más opciones interesantes.

Customize your embed code and preview it in real time below.

Live preview

PNG, resized to 32px
<style type="text/css">
body {
  cursor: url(https://cdn.cutecursors.com/db/banana_cursor/arrow.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/db/banana_cursor/hand.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/fruits/banana-cursor" title="Get free Banana cursors for your website.">
  Banana Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/db/banana_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/banana_cursor/hand.png";

export default function CuteCursor() {
  useEffect(() => {
    const style = document.createElement("style");
    style.innerHTML = `
      body { cursor: url(${CURSOR}) 4 4, auto; }
      a, button, .clickable { cursor: url(${POINTER}) 4 4, pointer; }
    `;
    document.head.appendChild(style);
    return () => style.remove();
  }, []);

  return null;
}

/* Usage: render <CuteCursor /> once, e.g. in your root layout or App:
   <CuteCursor />
   Banana cursors by https://cutecursors.com//category/fruits/banana-cursor */
-- Banana custom cursor for Roblox
-- LocalScript (place it in StarterPlayer > StarterPlayerScripts)
--
-- 1) Download the cursor images (buttons above) or grab them here:
--    Cursor:  https://cdn.cutecursors.com/db/banana_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/banana_cursor/hand.png
-- 2) Upload them in Roblox Creator Hub as Decals (Create > Decals).
-- 3) Replace the IDs below with your uploaded Image asset IDs.

local UserInputService = game:GetService("UserInputService")
local Players = game:GetService("Players")

local CURSOR_ICON = "rbxassetid://CURSOR_ASSET_ID"
local POINTER_ICON = "rbxassetid://POINTER_ASSET_ID"

-- Set the default cursor
UserInputService.MouseIcon = CURSOR_ICON

-- Optional: switch to the pointer icon while hovering GUI buttons
local function hookButton(button)
	button.MouseEnter:Connect(function()
		UserInputService.MouseIcon = POINTER_ICON
	end)
	button.MouseLeave:Connect(function()
		UserInputService.MouseIcon = CURSOR_ICON
	end)
end

local playerGui = Players.LocalPlayer:WaitForChild("PlayerGui")
for _, gui in ipairs(playerGui:GetDescendants()) do
	if gui:IsA("GuiButton") then
		hookButton(gui)
	end
end
playerGui.DescendantAdded:Connect(function(gui)
	if gui:IsA("GuiButton") then
		hookButton(gui)
	end
end)

-- Banana cursors: https://cutecursors.com//category/fruits/banana-cursor

How to Install Banana

How to Install cursor Banana for Chrome

Banana preview

Banana

Banana trae un cute cursor en un pack de cursor personalizado.

  1. 1
    Go to Chrome Web Store

    Hit the 'Add to Browser' button to get the 'Banana' pack.

  2. 2
    Add the Extension

    On the Chrome Web Store, smash that ‘Add to Chrome’ button and confirm.

  3. 3
    Pin for Easy Access

    Pro-tip: Pin the 'Cute Cursors' extension to your toolbar for quick access.

  4. 4
    Activate Your Cursor

    Open the extension, find the 'Banana' pack, and click to activate. Easy peasy!

Piece of cake, right? Go on and have fun!

You may also like

Explore other cursor packs from our collection

Pack de cursores naranja

Pack de cursores naranja

Descarga naranja - custom cursor adorable para Chrome, Edge y Windows.

Ver
Pack de cursores Black Currant

Pack de cursores Black Currant

Black Currant custom cursor for Chrome and Edge - bright berry buddy pack.

Ver
Pack de cursores Apple

Pack de cursores Apple

Descarga Apple - custom cursor adorable para Chrome, Edge y Windows.

Ver
Pack de cursores Apple Bite Splash

Pack de cursores Apple Bite Splash

Apple Bite Splash cursor - crisp red-apple slice with a bite and pale splash droplets.

Ver
Pack de cursores Rambutan Bite Splash

Pack de cursores Rambutan Bite Splash

Rambutan Bite Splash cursor - translucent flesh with hairy red shell and a juicy bite.

Ver
Pack de cursores Cherry Bite Splash

Pack de cursores Cherry Bite Splash

Cherry Bite Splash cursor - glossy red cherry with a bite and ruby splash droplets.

Ver
Pack de cursores Pistachio

Pack de cursores Pistachio

Free Pistachio custom cursor with a cute green nut buddy pointer and dark outline.

Ver
Pack de cursores Buffaloberry

Pack de cursores Buffaloberry

Free Buffaloberry custom cursor - cute berry character arrow with matching pointer.

Ver

Didn't Find Your Vibe?

Our universe of cursors is huge. Dive into hundreds of unique collections and find the one that truly represents you.

Explore All Collections

Explore Related Topics