Blinking cursor

Credit - Frontend Master Phuoc Nguyen

Please read the original blog for the rationale behind these solutions.

Markup

export default function App() {
  return (
    <div className='bg-black h-8 w-1'/>
  );
}

export default function App() {
  return (
    <div className='animate-blink-cursor h-8 w-1 bg-black'/>
  );
}

export default function App() {
  return (
    <div className='animate-blink-cursor h-8 w-1 bg-black'/>
  );
}