Elliott Chen logo single outlinedElliott Chen logo solidElliott Chen logo text

Project Case - ChatGPT Styled Blinking Cursor

ChatGPT-styled blinking cursor, easy and pure, vanilla JavaScript code.

Client
Elliott
Time
Project Type
JavaScript

Why I built it

Someone asked me if I knew how to build it, so I tried it out and it worked.

Less than 70 lines of code, vanilla JavaScript, feel free to download and play with it. What sucks is that the blinking cursor used to be a little black solid square when GPT just came out, and now is a little black solid circle, so OpenAI changes style of the cursor every once a while or they are doing a A/B testing.

As long as they don't change the look of the blinking cursor quite often enough, then this repo remains in its place. 🙋

P.S.

Simple, less than 70 lines of code, eays to use, what's the reason not to like it?

Code

More case studies

TEN Framework

With TEN, you can easily create real-time, multi-modal AI applications with low latency, even without any coding knowledge.

Read more

Astra Agent

A realtime multimodel voice agent using ChatGPT, Azeure STT TTS and it is powered by Astra.

Read more

Let’s talk.

My location

  • Elliott Chen | Studio
    Pudong APT #213
    Shanghai, China