CSS Cursor Previewer

Browse All CSS Cursor Styles

Comprehensive collection of all standard CSS cursor values with live previews. Hover over each preview area to see the cursor in action. Perfect for developers and designers who need to choose the right cursor for their UI elements.

Features

• 35+ standard CSS cursor styles
• Live interactive previews
• Organized by categories
• Category filtering
• Copy CSS code to clipboard
• Cursor descriptions
• Visual feedback on copy
• Responsive grid layout
• Hover effects
• Beautiful card design

Cursor Categories

• General: auto, default, none
• Links & Status: pointer, wait, progress, help, context-menu
• Selection: text, vertical-text, cell, crosshair
• Drag & Drop: move, copy, alias, no-drop, not-allowed, grab, grabbing
• Resizing & Scrolling: all-scroll, col-resize, row-resize, directional resizes
• Zoom: zoom-in, zoom-out

How to Use

1. Browse cursor styles or filter by category
2. Hover over the preview area to see the cursor
3. Read the description to understand its purpose
4. Click the copy button to copy the CSS code
5. Paste into your CSS file or style attribute

Common Use Cases

• pointer: Links, buttons, clickable elements
• text: Text input fields, editable content
• move: Draggable elements, movable panels
• wait: Loading states, processing operations
• not-allowed: Disabled elements, restricted areas
• grab/grabbing: Draggable maps, scrollable content
• zoom-in/out: Image viewers, zoomable content
• resize cursors: Resizable panels, split views

Browser Support

All cursor values shown are part of the CSS specification and are widely supported across modern browsers. Some cursors may appear slightly different depending on the operating system and browser being used.