Skip to content
Forge

Bouncing dots

Three dots bouncing one after another, for a short wait or a message being typed.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The offset between dots uses negative animation delays, so the motion is smooth from the first frame. The text "Your advisor is typing" stays readable by everyone.

Code

Loading the code…

Archive contents

loader-points-html-tailwind.zip3 files · 3 Ko

  • index.html2 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 12, 2026.

In the same spirit

  • Steaming coffee cup

    Coming soon

    A CSS-drawn cup with gently rising steam, for a café, bakery or tea room.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Card skeleton

    Coming soon

    A ghost card with shimmering gray shapes, shown in place of content while it loads.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Concentric pulse

    Coming soon

    Waves spreading around a central point, for a search or location in progress.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Dark orbit

    Coming soon

    Two dots orbiting a glowing core, for an app's startup screen.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component