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 Strawberry Physalis Acerola

Pack de cursores Strawberry Physalis Acerola

Strawberry Physalis Acerola custom cursor for Chrome and Edge - bright berry buddy pack.

Ver
Pack de cursores Tayberry

Pack de cursores Tayberry

Tayberry cursor - free berry character custom cursor with darkened rim art.

Ver
Pack de cursores Violet Blackberry

Pack de cursores Violet Blackberry

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

Ver
Pack de cursores Violet Loganberry

Pack de cursores Violet Loganberry

Violet Loganberry custom cursor for Chrome and Edge - bright berry buddy pack.

Ver
Pack de cursores Violet Maqui Berry

Pack de cursores Violet Maqui Berry

Free Violet Maqui Berry custom cursor - cute berry character arrow with matching pointer.

Ver
Pack de cursores White Currant

Pack de cursores White Currant

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

Ver
Pack de cursores Wild Strawberry Bilberry Crowberry

Pack de cursores Wild Strawberry Bilberry Crowberry

Free Wild Strawberry Bilberry Crowberry custom cursor - cute berry character arrow with matching pointer.

Ver
Pack de cursores Wild Strawberry

Pack de cursores Wild Strawberry

Wild Strawberry cursor - free berry character custom cursor with darkened rim art.

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