UI Labs v1.3.1

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

Fixes:

• Fixed vide v0.3.0 breaking change in roots (hotfix) info

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!

UI Labs v1.2.1

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:

Fixes

• Hot-Reloader now uses module:GetFullName, this fixes vide crashing #37
• Fixed name and cleanup function erroring even when the docs says it allows them #27
• Added a more robust story table checking and error info #32
• Made buttons always clickeable with Button.ClickableWhenViewportHidden #28

UI Labs v1.2.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

• Fusion Stories More Info
• Generic Stories More Info
• Environment.SetStoryHolder is added. More Info

UX/UI Improvements

• Added a separated Unknown Stories folder
• Added Bring Back To Editor button for stories on the viewport
• Anchorable Toolbar, right click and click Toolbar Anchored
• Added Ctrl + Left Drag to move your story in addition to Middle Drag. More Info

Fixes

• Function Stories cleanup now gets pcall'ed and warns the error

News

• New Docs and new Docs link. Old docs will redirect to this new link

UI Labs v1.1.1

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:

Fixes

• Updated @rbxts/pretty-react-hooks version due to a breaking bug

UI Labs v1.1.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:

Additions

• Added Environment Utilities
• Added Auto-Reload on/off toggle option
• Added a story path hint when you hover a story

UI Labs v1.0.1

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:

Fixes:

• Race Condition in the Hot-Reloader made stories give errors such as: Unexpected Context Found in the Stack.
• Slider Control errored when no step argument was provided,
• Slider Control jittered when the input text changed.
• Slider and Number controls were showing too many decimals with floating points.
• Icon Toolbar was showing behind the On Widget/On Viewport overlay
• Not providing your React-Roblox library made the entire plugin crash instead of safely warning you
• Incorrect Color3 values like: Color.fromRGB(500, 0, -100) in controls were making the plugin crash when trying to convert them to Hex

Other:

• Switched from @rbxts/react-ts -> @rbxts/react
• Added a version label
• Locally installed plugin will be displayed as Dev (doesn't change anything)

UI Labs v1.0.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

UI Labs alpha release

UI Labs is a storybook-like plugin for roblox!.
Similar to Hoarcekat and Flipbook, this plugin allows you to visualize Roact UIs in an Isolated enviroment without needing to run your game

Right now this plugin will get a rewrite before a new update. You can contribute to the plugin, but PRs will likely not be accepted as this code will be scrapped