Bounce Pills

Remember the DVD logo bouncing around an old TV screen? Bounce Pills turns that motion into a menu. Category pills drift around a frame, bounce off the edges and off each other, and open a dropdown of links when you hover one. The pill stops the moment you reach for it, so nobody has to chase a moving menu.

Everything is a setting in the properties panel:

• Text: font, font size, weight, letter spacing and text color

• Colors: pill fill, hover fill and hover text color

• Shape: border, corner radius, padding, shadow and the dropdown arrow

• Motion: speed (0 to 400 px per second), collisions on or off, pause one pill or all of them on hover, and new starting positions with one click

• Dropdown: its own font, colors, hover colors, border, radius, padding, shadow and width

It works on phones (the first tap opens the dropdown) and with a keyboard. Near an edge, a dropdown opens upward or shifts sideways so it never gets cut off. It respects reduced motion and pauses when off screen.

After purchase you get a link that adds the component to any Framer project. No code needed.