Heroes and buttons

Components in this family

• A website that feelsaliveplayfulclearyours alive from the first scroll.

  Components your agent writes, published and delivered by one snippet.

  See how it worksPause the rotating word

  Word-rotating hero

  A headline whose key word changes in a highlighted pill.

  <hero-word-rotator>

• Move your pointer

  Light that follows you

  Three soft orbs drift on their own and lean toward your pointer, only inside this box.

  Try the next one

  Hero with glow orbs

  A hero over soft orbs that lean toward the pointer.

  <hero-orbs>

• Early access

  Get the first look, in your inbox

  • A short note when it is ready
  • No spam, one e-mail per update
  • Leave whenever you like

  NameEmail

  I have read and accept the privacy policy of example.com.Keep me posted

  Split hero with a form

  A hero with the pitch on one side and a sign-up form on the other.

  <hero-split-form>

• Done, nice one

  Come closer: it likes company.

  Done, nice one

  Magnetic button

  A button that leans toward the pointer and bursts when pressed.

  <button-magnetic>

• Hold to delete

  Press and hold, or hold Space or Enter.

  Confirm without holding

  Hold to confirm button

  A destructive action that needs a deliberate press and hold.

  <button-hold-confirm>

• Day · The switch only changes this scene.

  Day and night switch

  A switch whose knob turns from sun to moon, with a scene that follows.

  <toggle-day-night>