DEV Community

Cover image for Animating Your VS Code Cursor w/ Cursor Blinking
Chris Sev
Chris Sev

Posted on • Originally published at chrisoncode.hashnode.dev

7 2 1 1 1

Animating Your VS Code Cursor w/ Cursor Blinking

The VS Code settings are packed to the brim with fun hidden gems. Cursor Blinking is one of those settings.

The Cursor Blinking VS Code setting allows us to display our cursor as an animated version of itself.

How to Use VS Code's Cursor Blinking Setting

  • Open VS Code settings: cmd + ,
  • Search for Cursor Blinking

There are five settings that you can use on Cursor Blinking:

  1. blink
  2. smooth
  3. phase
  4. expand
  5. solid

CleanShot 2020-08-31 at 10.40.16@2x.png

Seeing Cursor Blinking in Action

Here's the different ways and looks of our cursor:

blink

blink.gif

smooth

smooth.gif

phase

phase.gif

expand

expand.gif

solid

solid.gif

Conclusion

I'm really liking expand although it may get a little annoying after some time. smooth and phase seem to be great daily drivers since they are fun but not too intrusive.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (2)

Collapse
 
unlimitd profile image

hi, can i ask which font is that ? thanksss

Collapse
 
mrsamples profile image
Reed

The font is Operator Mono, a paid font ($200) on Typography. There is a similar (and free) font called Cascadia Code developed by Microsoft that they have on their GitHub.

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay