React Planet

Overview

The react-planet library is a versatile and innovative solution for developers looking to create circular menus effortlessly. With its user-friendly approach, crafting interactive and visually appealing interfaces becomes a breeze. This library not only simplifies the implementation of menus but also offers a variety of customizable features that allow you to tailor the experience to your needs.

Whether you are building a complex application or a simple project, react-planet empowers you with the tools necessary to bring your ideas to life. Its intuitive design and functionality make it an excellent choice for anyone interested in enhancing their user interface.

Features

• Center Content: Allows inclusion of any React Node as the main content of the planet component, providing flexibility in design.
• Orbit Radius: Customize the distance of satellites from the planet with ease, defaulting to 120 for optimal layout.
• Open State Control: The library supports external management of the menu’s open or closed state, making it easy to integrate with other components.
• Auto Close Feature: By enabling this option, the planet manages the open/close state automatically, adding convenience for developers.
• Hide Orbit Option: You can choose to hide the visual representation of the orbit for a cleaner interface.
• Satellite and Planet Dragging: Both the planet and its satellites can be made draggable, enhancing interactivity for users.
• Bounce Effects: The library offers bounce effects when opening and closing the menu, adding a playful touch to the user experience.
• Customizable Drag Radius: Developers can specify how far the satellites or planet can be dragged, providing precise control over user interactions.