UI sin código, configurada por atributos.

PrettyUI es una librería UI ligera para Roblox que maneja hover, animaciones de apertura/cierre, feedback de sonido, stacking de GUIs con blur y grupos de selección, configurada completamente a través de atributos de instancia en Studio, sin scripting individual por botón.

⚠️ PrettyUI está en una etapa experimental temprana. Se esperan bugs. Contribuir es tan fácil como abrir un issue o un pull request.

Características

Configuración sin código: botones, sonidos y navegación se configuran íntegramente mediante atributos de instancia en Studio
Registro automático: cualquier ScreenGui con el atributo PManagedGUI = true es detectado al cargar y también en tiempo de ejecución
Gestión de GUIs en stack: abrir un GUI lo apila; cerrarlo restaura el anterior, con un blur global suavizado
PButton: animación de escala al hover, efecto de brillo en cursor, hooks de sonido y navegación entre GUIs por clic
PSelectionGroup: grupos de botones con selección simple o múltiple e imágenes de selección animadas
Módulos de eventos: adjunta OnClicked, OnHover, etc. como ModuleScripts hijos directamente en el botón, sin handler central
Cleanup con Janitor: cada componente limpia sus propias conexiones y tweens de forma automática

Requisitos

PrettyUI depende de dos paquetes bajo ReplicatedStorage/Packages/:

Paquete	Fuente
Promise	`evaera/promise` en Wally
Janitor	`howmanysmall/janitor` en Wally

Instalación

Copia la carpeta Pretty en StarterPlayer/StarterPlayerScripts.
Asegúrate de que Janitor y Promise estén bajo ReplicatedStorage/Packages/.
Llama a :Init() y luego a :Start() desde tu bootstrap de cliente:

local Pretty = require(path.to.Pretty)
Pretty:Init()
Pretty:Start()

Pretty escanea PlayerGui al iniciar y observa nuevos ScreenGuis añadidos en tiempo de ejecución sin cableado adicional.

Estructura de GUI

Cada ScreenGui gestionado debe seguir esta jerarquía:

ScreenGui            ← atributo: PManagedGUI = true
└── Canvas           ← Frame (AnchorPoint 0.5, 0.5), animado al abrir/cerrar
    └── Container    ← Frame, aquí va el contenido real del UI
        ├── ImageButton        ← se convierte en PButton automáticamente
        ├── ImageButton
        └── CanvasGroup        ← se convierte en PSelectionGroup (requiere PSelectionGroup = true)
            ├── ImageButton
            └── ImageButton

Canvas se desliza entre (0.5, 0, 0.5, 0) (abierto) y (0.5, 0, 1.5, 0) (cerrado). El ScreenGui arranca deshabilitado, Pretty lo habilita tras resolver el toggle inicial.

Notas de diseño

La navegación entre GUIs, los grupos de selección y el comportamiento de cierre se configuran con atributos (POpensGUI, PClosesCurrentGUI, PAddsToStack, PSelectionGroup, etc.). La lógica de eventos vive en ModuleScripts hijos nombrados por evento (OnClicked, OnHover, OnSelect) manteniendo cada botón autocontenido y el código libre de handlers centrales.