Cursor-Paket

Default Green Pixel

Pixel Colors75 Mal hinzugefügt

Green pixel cursor for Chrome - retro 8-bit emerald pointer with classic game hover. Nostalgic gaming fan art.

Zur Erweiterung hinzufügen

Default Green Pixel as a Chrome cursor — two files: Green pixel pointer, plus a hover hand styled after Default Green Pixel. You are able to select different colors for Pixel Cursor to customize the looking and appearance. Made for Chrome users. Works in Chrome via the Cute Cursor extension. Both the default pointer and hover hand are included.

Cursor

Lade die Datei herunter oder kopiere den Einbettungscode für deine Website, React, JavaScript oder Roblox.

Cursor für Windows herunterladen (.cur)Cursor für Roblox herunterladen

CSSJavaScriptReactRoblox

Füge dieses CSS in dein Stylesheet ein. Die Hotspot-Koordinaten sind bereits enthalten.

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/547/arrow.png') 260 0, auto;
}

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/547/arrow.png') 260 0, auto;
}

Füge dieses JavaScript ein, um den Cursor mit dem richtigen Hotspot anzuwenden.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/arrow.png';
const HOTSPOT_X = 260;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/arrow.png';
const HOTSPOT_X = 260;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

Kopiere diese React-Komponente und umschließe deinen Inhalt damit.

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/arrow.png';
const HOTSPOT_X = 260;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/arrow.png';
const HOTSPOT_X = 260;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

Lade das Bild zu Roblox hoch, ersetze YOUR_ASSET_ID und füge dann dieses LocalScript ein.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/547/arrow.png
-- Hotspot: 260, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 260
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/547/arrow.png
-- Hotspot: 260, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 260
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

Zeiger

Lade die Datei herunter oder kopiere den Einbettungscode für deine Website, React, JavaScript oder Roblox.

Zeiger für Windows herunterladen (.cur)Zeiger für Roblox herunterladen

CSSJavaScriptReactRoblox

Füge dieses CSS in dein Stylesheet ein. Die Hotspot-Koordinaten sind bereits enthalten.

.custom-pointer {
  cursor: url('https://cute-cursor.com/cdn/packs/547/hand.png') 312 0, pointer;
}

.custom-pointer {
  cursor: url('https://cute-cursor.com/cdn/packs/547/hand.png') 312 0, pointer;
}

Füge dieses JavaScript ein, um den Cursor mit dem richtigen Hotspot anzuwenden.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/hand.png';
const HOTSPOT_X = 312;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'pointer';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/hand.png';
const HOTSPOT_X = 312;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'pointer';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

Kopiere diese React-Komponente und umschließe deinen Inhalt damit.

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/hand.png';
const HOTSPOT_X = 312;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'pointer';

export default function CustomPointer({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomPointer>Your content</CustomPointer>

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/547/hand.png';
const HOTSPOT_X = 312;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'pointer';

export default function CustomPointer({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomPointer>Your content</CustomPointer>

Lade das Bild zu Roblox hoch, ersetze YOUR_ASSET_ID und füge dann dieses LocalScript ein.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/547/hand.png
-- Hotspot: 312, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 312
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/547/hand.png
-- Hotspot: 312, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 312
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

Default Green Pixel

Cursor-Dateien

Cursor

Zeiger

Hol dir die Cursor-Wechsler-Erweiterung

Schwebendes Panel

Erweiterung installieren

In sozialen Medien teilen

Installationsanleitung

Default Green Pixel

Cursor-Dateien

Cursor

Zeiger

Verwandte Cursor-Pakete aus der Kategorie Pixel Colors

Among Us Green Character cursor

Pac-Man Pixel cursor

Super Mushroom Pixel cursor

Monsters Pixel cursor

Default Pink Pixel cursor

The Green cursor

Welsh Corgi Pixel cursor

Alien Pixel cursor

Totoro Pixel cursor

Stitch Pixel cursor

Robocop Pixel cursor

Bugs Bunny Pixel cursor

No-Face Pixel cursor

Angry Birds Pixel cursor

Undertale Sans Pixel cursor

Scull Pixel cursor

Default Purple Pixel cursor

Calcifer Pixel cursor

The Flying Green cursor

Red Power Ranger Pixel cursor

Leonardo Ninja Turtles Pixel cursor

Stormtrooper Pixel cursor

The Guy Fawkes Mask Pixel cursor

Default Blue Pixel cursor

Reindeer Pixel cursor

My Melody Pixel cursor

Grinch Pixel cursor

Snowman Pixel cursor

Santa Claus Pixel cursor

Among Us Blue Character Pixel cursor

Naruto Pixel cursor

Jigglypuff Pixel cursor

Pikachu Pixel cursor

Among Us Green Character With Green Leaf cursor

Сlover Pixel cursor

Gestures Pixel cursor

Bee Pixel cursor

Green Scales Texture cursor

Ghost Pixel cursor

Rainbow Pixel cursor

Blossom Pixel cursor

Monkey D. Luffy Pixel cursor

Ichigo Kurosaki Pixel cursor

Bubbles Pixel cursor

The Green Amethyst cursor

The Pug Pixel cursor

Jake Pixel cursor

The Green Spades cursor

Husky Pixel cursor

Monster Pixel cursor

Eye Pixel cursor

Zombie Pixel cursor

Saturn Pixel cursor

Champagne Pixel cursor

Black Rabbit Pixel cursor

Calendar Pixel cursor

Christmas Fox Pixel cursor

The Green Lantern cursor

Green sword Minecraft cursor

Space Invaders Yellow and Green cursor

Light Green cursor

Green cursor

Green Bay Packers cursor

Green arrow cursor

FNF Green Impostor cursor

Hol dir die Cursor-Wechsler-Erweiterung