[Closed] PluginReact | A set of ui elements to create plugin

[zxc76win]

---

This library is no longer supported! Use PluginComponent!

[OPEN SOURCE] PluginFramework | Create a beautiful GUI for your plug-in

[Frame 11] version 2.3 fix Download PluginFreamwork | Documentation Play demo: Introduction This framework allows you to quickly create an interface for your plug-in. It has a ready-to-use button component and various fields. You don’t need to deal with navigation, animation and code structure. The design also takes place in the studio itself. You don’t need to export the plugin every time to see how it works. You can easily add new pages or tabs. The design of the plug-in is …

---

Download version 1.386
PReact_Example.rbxl (72.6 KB)

---

Prev versions

version 1.33
PReact_Example.rbxl (62.0 KB)

Introduction

Hi all! I’ve been working for months on copying Roblox ui style. I often had to do plugins, and I didn’t like that they visually different from the ui of studio. This ruin user experience. Also every plugin had to write their input fields, and in different projects they can conflict. So I came to the conclusion that you need to make a UI Kit that would be create.

This library allows you to create input fields, buttons and blocks in the style of Roblox Studio editor. The library helps you assemble the interface from the finished elements, immediately subscribe to the events of their functions

Install

1. Copy the contents of the libs folder in ReplicatedStorage to your project
2. At the beginning of your plugin code, check the library, plug in and check the version:

if(not  game.ReplicatedStorage:FindFirstChild("libs"))then
    print("The plugin does not work because there is no libs folder");
    return;
end

if(not  game.ReplicatedStorage.libs:FindFirstChild("PluginReact"))then
    print("Plugin does not work because there is no PluginReact");
    return;
end
local PluginReact = require(game.ReplicatedStorage.libs.PluginReact);
local _VERSION_PluginReact= 1.30;
if(PluginReact.v<_VERSION_PluginReact)then
    print("You have an outdated version of PluginReact. Need version ".._VERSION_PluginReact);
  	  return;
end

Video with an example of the plugin

The UI of this plugin only uses PluginReact elements.

Plugin React example use

In the futureI’ll be there.

-Clear examples of library use

-Comments in code

-Working example of a plugin using a library

-Button back

New version:

-Added search to dropdown field.
-Added TabBar
-Bar Alert
-Ability to refer to the container class as a Container() function.

Links

My advice for normal work of library:
ViewPortPriview - A library for simple rendering of the 3D model in UI.
CONFWRITER - Table conversion library to Object Value.
LuaRiter - Open Source plug-in based on this library.

[SillyMeTimbers (Silly)]

I’ve created several plugins all following the same Setup Format, I’ll have to experiment a bit with some of my plugins using this and give my personal feedback and suggestions.

[zxc76win]

Yes, thank you!

Sorry about the poor documentation. The publication was in a hurry.