Google Chrome

Astra custom cursor

Switch to the Astra cursor - a cute custom cursor pack for browsers.

✨ 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+
You I am going to write a story about an IT manager, named John who is responsible for managing his team. He has three constraints: - The project must be completed within two weeks' time frame from the date of receiving this task and it should include at least three different programming languages (C#, Java, Python), involve database operations, have a minimum of ten lines of code in each response, feature error handling with proper exception management, ensure comments explaining coding logic are included. You must use only the information provided by the user who gave you this task - there should be no more than two languages involved and not using any online resources or external libraries/APIs.

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

const CURSOR = "https://cdn.cutecursors.com/db/astra_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/astra_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 />
   Astra cursors by https://cutecursors.com//category/valorant/astra-cursor */
-- Astra 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/astra_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/astra_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)

-- Astra cursors: https://cutecursors.com//category/valorant/astra-cursor

How to Install Astra cursors

How to Install cursor Astra for Chrome

Astra preview

Astra

Switch to the Astra cursor - a cute custom cursor pack for browsers.

  1. 1
    Go to Chrome Web Store

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

Pack de curseurs personnalisés Killjoy

Pack de curseurs personnalisés gratuit Killjoy

Try the Killjoy cute cursor pack - simple custom cursors, free to use.

Pack de curseurs personnalisés Chamber

Pack de curseurs personnalisés gratuit Chamber

Browse with Chamber - cute custom cursors for a brighter desktop.

Pack de curseurs personnalisés Breach

Pack de curseurs personnalisés gratuit Breach

Breach brings cute cursor energy in a free custom cursor pack.

Pack de curseurs personnalisés Omen

Pack de curseurs personnalisés gratuit Omen

Make clicks fun with Omen - cute custom cursor pack for any desktop.

Pack de curseurs personnalisés Brimstone

Pack de curseurs personnalisés gratuit Brimstone

Brimstone: soft cute cursor designs in a ready custom cursor pack.

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