UI Labs v1.3.0

UI Labs is a storybook-like plugin for roblox!.

Similar to Hoarcekat and Flipbook, this plugin allows you to visualize declarative UIs in an Isolated environment without needing to run your game

Roblox Plugin

Changes:

New Features

• Vide Stories
• Iris Stories
• Fullscreen Mode
• Invert Background button
• Shortcuts
• Plugin settings saving
• Controls are kept between reloads (optional)
• Control ordering

New Tools

• Measure Tool
• Select Elements Tool
• Outlines Highlighter
• Mouse Rules

UX/UI Improvements

• New UI Labs redesign
• Primitive theme switcher (placeholder)
• Dark theme + Catppuccin themes
• Regenerate storybooks button
• Reload all stories button
• Stories now uses the latest View On Viewport state
• Clear output on reload option
• Reset all controls button
• Fusion scoped key added, for passing it with Fusion.scoped() along with the Fusion lib

Fixes

• Story now unmounts before re-mounting
• Story panel clears children when story is reloaded
• Fixed slider control always starting at 0.5
• Summary now uses TextWrapped
• Fixed number control flickering
• Better types for the UI Labs package for LUAU
• Choose/EnumList controls dropdown now has a max height, and will use a scrolling frame

Potential Breaking Changes

• Choose/EnumList controls now cannot have repeated values, (values that are strict equal ==)

News

• UI Labs Package is now in wally!
  Find it at: pepeeltoro41/ui-labs
• Contribution Guide
• Thanks @Nidoxs for his awesome prs and issues
• UI Labs can now be sponsored on GitHub!

New design Showcase!