CSS Cursor Generator

Explore all CSS cursor types and create custom cursors.
Hover over each box to preview, click to copy.

General

Common cursor styles for typical interactions

Links & Actions

Cursors for clickable elements and menus

Selection

Cursors for selecting content

Drag & Drop

Cursors for drag and drop operations

Resizing & Scrolling

Cursors for resize handles and scrolling

Directional Resize

Cursors for resizing in specific directions

Zoom

Cursors for zooming in and out

Test Any Cursor

Select Cursor

Preview Area

Move your cursor here to test: pointer

CSS Code

cursor: pointer;

Need to inspect cursor styles on any website?

Frontend Hero's CSS Scanner lets you inspect any element's cursor property and all other styles in 2 clicks. See exactly what cursor any website uses.

Get Frontend Hero now →

Explore more CSS tools

CSS Grid Generator

Create grid layouts visually

CSS Flexbox Generator

Create flex layouts visually

CSS Gradient Generator

Create custom gradients

CSS Text Gradient

Gradient text effects

CSS Gradients Collection

275+ ready-to-use gradients

CSS Box Shadow Generator

Design multi-layer shadows

CSS Selection Generator

Style text highlight colors

CSS Scrollbar Generator

Style custom scrollbars

CSS Blend Mode Generator

Mix colors with blend modes

CSS Loader Generator

Create loading animations

BTN

CSS Button Generator

Design buttons with hover effects

✨

CSS Glow Generator

Create neon glow effects

Fluid Typography

Scale text across screen sizes

Browse all free CSS tools →