Skip to main content

Command Palette

Search for a command to run...

Animating Your VS Code Cursor w/ Cursor Blinking

Published
•1 min read•View as Markdown
Animating Your VS Code Cursor w/ Cursor Blinking
C

I am the founder of web dev tutorial site Scotch.io (4M monthly pageviews). Scotch.io was acquired by DigitalOcean.

Coding has given me a very fortunate career. Looking to give back to more developers and business builders.

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.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.

1.6K views
P

nice!

S

Great and funny article! :D

2
S

Wow, this is cool. Chris. Thanks for sharing. 🍻

1
B

This is really insightful, thanks for sharing Chris!

1

More from this blog

C

Chris on Code

2 posts

Hey hey. I founded a web dev tutorial site called Scotch.io and it got large enough to become acquired by DigitalOcean.

Forever grateful to the life coding has given me. Looking to give back.