Circle Buttons

Three compact circular icon controls using the exact Dark Glass, Launch, and Dot Border material systems.

Runtime: DOM + CSS

Circle Buttons variants

  • Circle Buttons — Play

    The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, masked edge, and moving conic light.

  • Circle Buttons — Plus

    The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state around a centered plus glyph.

  • Circle Buttons — Mail

    The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and sequential dashed frame around a mail glyph.

Loading ThreeUI…