<Anime
  style={{
    backgroundColor: 'lightgrey',
    width: '125px',
    height: '28px',
    padding: '5px',
    borderRadius: '5px',
  }}
  config={{
    translateY: [0, 25],
    scale: [0.8, 1],
    loop: true,
    duration: 1500,
    easing: 'spring(1, 100, 12, 0)',
  }}
  >
  <div>Search</div>
</Anime>

<Anime
  style={{
    display: 'flex',
    flexDirection: 'column',
    backgroundColor: 'lightgrey',
    alignItems: 'left',
    width: '160px',
    height: '115px',
  }}
  config={{
    translateX: [-35, 0],
    scale: [0, 1],
    loop: true,
    delay: anime.stagger(100, { start: 200 }),
    easing: 'spring(1, 80, 13, 0)',
  }}
  >
  <div
    style={{
      backgroundColor: '#f1f1f1',
      width: '150px',
      margin: '5px',
      padding: '5px',
    }}
  >
    Transit
  </div>
  <div
    style={{
      backgroundColor: '#f1f1f1',
      width: '150px',
      margin: '5px',
      padding: '5px',
    }}
  >
    Food
  </div>
  <div
    style={{
      backgroundColor: '#f1f1f1',
      width: '150px',
      margin: '5px',
      padding: '5px',
    }}
  >
    Events
  </div>
</Anime>