Download Chrome extension

Bismuth custom cursor

Bismuth: soft cute Cursor im fertigen Custom Cursor Pack.

Try this cursor

Move across the preview to feel both cursor styles.

Bismuth cute cursor pack preview
Hover these
Auto · default + hover
14
Der Bismuth Cursor von Cursors Collection ist ein stilvoller und moderner Cursor fĂŒr Ihren Browser. Mit seinem einzigartigen Design und seiner metallischen OberflĂ€che fĂŒgt er Ihrem Browser-Erlebnis einen Hauch von Raffinesse hinzu. Er ist einfach zu installieren und kann an Ihre PrĂ€ferenzen angepasst werden. Der Cursor ist glatt und reaktionsfĂ€hig, was es einfach macht, um Ihren Computer-Bildschirm zu navigieren. Ob Sie ein professioneller oder ein gelegentlicher Benutzer sind, der Bismuth Cursor ist eine großartige ErgĂ€nzung zu Ihrer Cursor-Kollektion. Probieren Sie es heute aus und sehen Sie den Unterschied, den es in Ihrer Browser-Erfahrung macht.Wenn Ihnen dieses Paket gefĂ€llt, schauen Sie sich unbedingt die Kollektion Cursor Collection fĂŒr neue Optionen an.

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/bismuth_cursor/arrow.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/db/bismuth_cursor/hand.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/steven-universe/bismuth-cursor" title="Get free Bismuth cursors for your website.">
  Bismuth Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/db/bismuth_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/bismuth_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 />
   Bismuth cursors by https://cutecursors.com//category/steven-universe/bismuth-cursor */
-- Bismuth 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/bismuth_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/bismuth_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)

-- Bismuth cursors: https://cutecursors.com//category/steven-universe/bismuth-cursor

How to Install Bismuth

How to Install cursor Bismuth for Chrome

Bismuth preview

Bismuth

Bismuth: soft cute Cursor im fertigen Custom Cursor Pack.

  1. 1
    Go to Chrome Web Store

    Hit the 'Add to Browser' button to get the 'Bismuth' 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 'Bismuth' 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

Lars Barriga Cursor-Paket

Lars Barriga Cursor-Paket

Probier Lars Barriga: sĂŒĂŸes Cursor Pack und fertige Custom Cursors.

Ansehen
Bubble Shield Cursor-Paket

Bubble Shield Cursor-Paket

Bubble Shield cute cursor - a free custom cursor pack with Steven's protective pink bubble.

Ansehen
Amethyst Cursor-Paket

Amethyst Cursor-Paket

Amethyst Custom Cursor Pack mit sĂŒĂŸem Cursor fĂŒr Fans des Themas.

Ansehen
Regenbogenquartz Cursor-Paket

Regenbogenquartz Cursor-Paket

Regenbogenquartz: sĂŒĂŸer Cursor und Custom Cursor Pack fĂŒr Browser und Windows.

Ansehen
Der Pearl Spear Cursor-Paket

Der Pearl Spear Cursor-Paket

Der Pearl Spear Cursor Pack mit cute Cursor Stil fĂŒr Chrome, Edge und Windows.

Ansehen
Amethyst Cursor-Paket

Amethyst Cursor-Paket

WĂ€hle Amethyst - cute Cursor und Custom Cursor ohne Ballast.

Ansehen
Obsidian & Sword Cursor-Paket

Obsidian & Sword Cursor-Paket

Obsidian and Sword cute cursor - a free custom cursor pack with towering Gem fusion power.

Ansehen
Onion & Chaaaaps Cursor-Paket

Onion & Chaaaaps Cursor-Paket

Onion and Chaaaaps cute cursor - a free custom cursor pack with Beach City mischief.

Ansehen

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