Google Chrome

Сучасний custom cursor

Сучасний custom cursor пак із милим курсором для фанатів теми.

✨ 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+
Сучасний курсор від Cursors Collection є оновленим браузерним курсором з гладким і сучасним дизайном. Його плавний і рідкий рух покращує досвід користувача, роблячи перегляд більш інтуїтивним та ефективним. Цей курсор виділяється від традиційних курсорів завдяки своєму мінімалістичному вигляду та унікальній формі, що робить його ідеальним для поточних тенденцій дизайну. Його проста естетика добре поєднується з різними фонами та кольоровими схемами, гарантуючи, що курсор не зіштовхується з будь-яким стилем вебсайт. Цей пак курсорів є частиною колекції Colored, яка забезпечує великий вибір для персоналізації.

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/the_contemporary_cursor/arrow.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/db/the_contemporary_cursor/hand.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/solid-colors/the-contemporary-cursor" title="Get free Сучасний cursors for your website.">
  Сучасний Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/db/the_contemporary_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/the_contemporary_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 />
   Сучасний cursors by https://cutecursors.com//category/solid-colors/the-contemporary-cursor */
-- Сучасний 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/the_contemporary_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/the_contemporary_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)

-- Сучасний cursors: https://cutecursors.com//category/solid-colors/the-contemporary-cursor

How to Install Сучасний cursors

How to Install cursor Сучасний for Chrome

Сучасний preview

Сучасний

Сучасний custom cursor пак із милим курсором для фанатів теми.

  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

Пакет курсорів Червона дорога

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

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

Пакет курсорів Кава крем коричневого кольору серця

Безкоштовний пакет курсорів Кава крем коричневого кольору серця

Кава крем коричневого кольору серця курсори: милий курсор і кастомний курсор в одному сеті.

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

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

Милий курсор як - безкоштовний кастомний курсор для робочого столу.

Пакет курсорів Блакитна лінія

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

Блакитна лінія custom cursor пак із милим курсором для фанатів теми.

Пакет курсорів Соціальні медіа градієнт кольору

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

Соціальні медіа градієнт кольору: soft cute cursor у зручному кастомному курсор-паку.

Пакет курсорів Рожевий день святого Валентина

Безкоштовний пакет курсорів Рожевий день святого Валентина

Спробуй Рожевий день святого Валентина: милий курсор пак і готові custom cursors.

Пакет курсорів Сірий колір

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

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

Пакет курсорів Коричневий колір

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

Обери Коричневий колір - 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