Studio
About Studio Cursor
A small, independent studio for the pointer, the one piece of interface everybody uses and almost nobody designs.
Studio Cursor is a free site about mouse cursors: the ones CSS gives you, the ones you draw yourself, and the ones you install on your computer. It is built for web designers and front-end developers first, and for anyone who wants their pointer to look a little more like theirs. There is no account to create and nothing to pay for.
What you can do here
- Look things up. The CSS cursor reference has a page for each of the 36
cursorkeywords and forurl(). Hover the stage to see what your own system draws, then read when to use it, when not to, and which Windows and macOS cursor it turns into. - Download packs. Our own cursor sets, drawn as vectors and exported at several sizes, with a Windows installer and a web bundle of PNGs and CSS. They are free to use for anything.
- Copy effects. Cursor effects for websites with live demos and plain JavaScript you can paste. Each one respects the reduced motion setting and leaves touch screens alone.
- Read guides. Installing cursors on Windows 11 and macOS, using them in Webflow, Framer, Wix and Squarespace, browser size limits, and how the cursor file formats work.
- Make a cursor. The cursor maker takes a PNG, SVG or other image, or a drawing on its pixel grid. You set the hotspot, try the cursor on a sample row of buttons, links and text, and download it as a PNG with a ready CSS line, a Windows
.cur, an animated.anibuilt from frames, or a web bundle. - Convert files. The converters turn a PNG into a
.cur, get the PNGs back out of a.cur, turn an.icointo a cursor, or put frames together into an.ani. Your files are read in your browser tab and are not sent to our server.
Who it is for
Mostly front-end developers and designers who build in Webflow, Framer, Wix or plain CSS and want a cursor that works everywhere. Also anyone who wants a different pointer on their own Windows PC.
How we check what we write
Cursor behaviour differs between browsers and systems, and a lot of what is written about it online is out of date. For the reference and the guides we work from:
- the CSS Basic User Interface specification, which defines the
cursorproperty; - MDN Web Docs and its browser compatibility data;
- the source code of Chrome, Firefox and Safari, where the documentation is silent, for example on cursor size limits and how each keyword maps to a system cursor;
- the cursor files and registry values of a current Windows 11 installation.
Where we could not confirm a detail, such as a version number or a menu name in a site builder that changes often, the page says so instead of guessing. Each reference page lists its sources. Browsers change, and when something here falls behind, we fix it.
How we work
- No accounts, no ads, no sign-up forms. You open a page and use it. There are no affiliate links either.
- Respect for the reader. Every effect here comes with a fallback for people who ask their system for less motion, and our own cursor steps aside on touch screens, over form fields and over text you might want to select.
See the privacy page for exactly what is collected when you visit, and the licenses page for how you may use the packs and the code.
The name
Other studios have used the name Studio Cursor over the years. This site has no connection to any of them, or to any company or product called Cursor. We chose the name because it says exactly what we do.