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.Если вам нравится этот курсор пак, найдите еще больше интересных вариантов в коллекции Starting kit.

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

Пакет курсоров Желтый

Бесплатный пакет курсоров Желтый

Желтый - кастомный курсор и cute cursor для браузера.

Пакет курсоров Telegram

Бесплатный пакет курсоров Telegram

Скачай Telegram: cute cursor и кастомный курсор для ежедневных кликов.

Пакет курсоров Тюркоазный градиент

Бесплатный пакет курсоров Тюркоазный градиент

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

Пакет курсоров Emerald

Бесплатный пакет курсоров Emerald

Добавь Emerald к мыши - cute cursor и кастомный курсор бесплатно.

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

Бесплатный пакет курсоров Вид

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

Пакет курсоров Робот

Бесплатный пакет курсоров Робот

Робот курсоры: милый курсор и кастомный курсор в одном сете.

Пакет курсоров Пурпурный круг

Бесплатный пакет курсоров Пурпурный круг

Милый курсор Пурпурный круг освежит клики - free custom cursor для ПК.

Пакет курсоров Оранжевый градиент

Бесплатный пакет курсоров Оранжевый градиент

Выбери Оранжевый градиент - cute cursor и кастомный курсор без лишнего шума.

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