Bulma custom cursor

Lade Bulma - cute Cursor und Custom Cursor für den Alltag.

Try this cursor

Move across the preview to feel both cursor styles.

Bulma cute cursor pack preview
Hover these
Auto · default + hover
12
Der Bulma Cursor ist eine stilvolle Ergänzung zur Cursors Collection, perfekt für Webentwickler und Designer. Dieser Cursor ist inspiriert von dem beliebten CSS-Framework desselben Namens, bekannt für sein modernes und minimalistisches Design. Der Bulma Cursor verfügt über einen schlanken schwarzen Pfeil mit einem kleinen blauen Punkt, der einen feinen Farbpop bietet. Es ist eine großartige Wahl für Websites mit einer sauberen und zeitgenössischen Ästhetik und ist sicher, Besucher mit seinem raffinierten Look und Gefühl zu beeindrucken.Das Cursor-Paket Bulma gehört zur Kollektion Cursor Collection, die viele weitere benutzerdefinierte Cursor-Pakete enthält.

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

const CURSOR = "https://cdn.cutecursors.com/db/bulma_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/bulma_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 />
   Bulma cursors by https://cutecursors.com//category/dragon-ball/bulma-cursor */
-- Bulma 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/bulma_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/bulma_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)

-- Bulma cursors: https://cutecursors.com//category/dragon-ball/bulma-cursor

How to Install Bulma

How to Install cursor Bulma for Chrome

Bulma preview

Bulma

Lade Bulma - cute Cursor und Custom Cursor für den Alltag.

  1. 1
    Go to Chrome Web Store

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

Dragon Ball Gohan Beast Cursor-Paket

Dragon Ball Gohan Beast Cursor-Paket

Dragon Ball Gohan Beast cursor with a Special Beam Cannon pointer - realistic awakened warrior custom cursor.

Ansehen
Dragon Ball Frieza Cursor-Paket

Dragon Ball Frieza Cursor-Paket

Dragon Ball Frieza cursor with a Death Beam pointer - realistic galactic villain custom cursor.

Ansehen
Dragon Ball Broly Cursor-Paket

Dragon Ball Broly Cursor-Paket

Dragon Ball Broly cursor with an Energy Blast pointer - realistic legendary Saiyan custom cursor.

Ansehen
Dragon Ball Piccolo Cursor-Paket

Dragon Ball Piccolo Cursor-Paket

Dragon Ball Piccolo cursor with a Namekian Orb pointer - realistic disciplined warrior custom cursor.

Ansehen
Dragon Ball Shenron Cursor-Paket

Dragon Ball Shenron Cursor-Paket

Dragon Ball Shenron cursor with a Seven Dragon Balls pointer - realistic mystical dragon custom cursor.

Ansehen
Dragon Ball Goku Cursor-Paket

Dragon Ball Goku Cursor-Paket

Dragon Ball Goku cursor with a Dragon Ball pointer - realistic energetic battle custom cursor.

Ansehen
Among Us Son Goku Character Cursor-Paket

Among Us Son Goku Character Cursor-Paket

Among Us Son Goku Character cursor - orange gi bean arrow with matching pointing mitten.

Ansehen
Among Us Red Flying Dragon Character Cursor-Paket

Among Us Red Flying Dragon Character Cursor-Paket

Among Us Red Flying Dragon Character cursor - winged red dragon crewmate with a horn pointer.

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