Google Chrome

Рубі custom cursor

Рубі - милий курсор пак і кастомний курсор для браузера та Windows.

✨ Move your mouse to test both cursors
Arrow Cursor

Default navigation pointer

Pointer Cursor

Used for clickable elements

Hover over each side to preview both cursor styles in real-time.

1,000+
Starting kit Cursor Collection пропонує різноманітні креативно розроблені курсори, включаючи курсор Ruby для браузерів. Цей курсор має рубіновий дорогоцінний камінь в центрі, оточений складними алмазоподібними формами. Його яскравий червоний колір дає йому розкішний і елегантний вигляд, ідеальний для тих, хто хоче додати дотик вишуканості до свого досвіду перегляду. З його простим для установки форматом, користувачі можуть швидко оновити свій браузерний курсор з курсором Ruby з комплекту Starting kit Cursor Collection.

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/images/cursors/5e711fc89934d.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/images/pointers/5e711fc899358.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/started-kit-cute-cursor-packs/ruby-cute-cursors-100" title="Get free Рубі cursors for your website.">
  Рубі Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/images/cursors/5e711fc89934d.png";
const POINTER = "https://cdn.cutecursors.com/images/pointers/5e711fc899358.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 />
   Рубі cursors by https://cutecursors.com//category/started-kit-cute-cursor-packs/ruby-cute-cursors-100 */
-- Рубі 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/images/cursors/5e711fc89934d.png
--    Pointer: https://cdn.cutecursors.com/images/pointers/5e711fc899358.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)

-- Рубі cursors: https://cutecursors.com//category/started-kit-cute-cursor-packs/ruby-cute-cursors-100

How to Install Рубі cursors

How to Install cursor Рубі for Chrome

Рубі preview

Рубі

Рубі - милий курсор пак і кастомний курсор для браузера та Windows.

  1. 1
    Go to Chrome Web Store

    Hit the 'Add to Browser' button to get the 'Рубі' 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 'Рубі' 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

Пакет курсорів Confetti

Безкоштовний пакет курсорів Confetti

Confetti курсор пак з милим курсором для Chrome, Edge і Windows.

Пакет курсорів Види

Безкоштовний пакет курсорів Види

Види курсори: милий курсор і кастомний курсор в одному сеті.

Пакет курсорів 8 біт

Безкоштовний пакет курсорів 8 біт

Спробуй 8 біт: милий курсор пак і готові custom cursors.

Пакет курсорів Зелена стрілка

Безкоштовний пакет курсорів Зелена стрілка

Зелена стрілка: soft cute cursor у зручному кастомному курсор-паку.

Пакет курсорів Туркменський градієнт

Безкоштовний пакет курсорів Туркменський градієнт

Туркменський градієнт custom cursor пак із милим курсором для фанатів теми.

Пакет курсорів Оранжева рука

Безкоштовний пакет курсорів Оранжева рука

Завантаж Оранжева рука: cute cursor і кастомний курсор для щоденних кліків.

Пакет курсорів Зомбі червона рука

Безкоштовний пакет курсорів Зомбі червона рука

Зомбі червона рука - кастомний курсор і cute cursor для браузера.

Пакет курсорів Динозаври

Безкоштовний пакет курсорів Динозаври

Динозаври - милий курсор пак і кастомний курсор для браузера та Windows.

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
Рубі Cursors