UI Labs v1.4.2

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

• Make Fusion stories pass Value's and children tables to Fusion.Hydrate

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

• Fixed String Requires
• Bumped Utils package to v2.3.7

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

• Studio Mode. Reloads stories only when the window is focused

UX/UI Improvements

• Removed UI Labs stacktraces (let me know if it's removing important information)
• Protection for yielding
• Even better error warnings (stolen from the ui labs vide version)
• Middle click to close a story preview
• Toolbar shrinks when the controls panel covers it
• Controls panel cannot resize larger than the canvas
• More toolbar shortcuts with modifier keys (CTRL, SHIFT)

Fixes

• Primitive support for string requires
• Defered Hot-reloading (This should improve ui labs freezing when you change multiple files with rojo)
• Added scoped key for fusion stories to pass along
• UI Labs theme is saved
• target is also exposed in the props for react/roact
• Now you can return the story instance in fusion, and it will automatically parent it to the target, this matches vide
• Vide springs connection is now disconnected on unmount

News

• UI Labs Package is also in pesde!
  Find it at: pepeeltoro41/ui_labs

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)