MaterialR is deprecated. Consider checking out MaterialPlus.
What is MaterialR ?
MaterialR is an easy-to-use UI framework that can be used to create your own UI library easily. There are also different built-in elements that you can easily add to your game. These UI elements are based on Material Design and anyone can easily use the framework to add high-quality, modern UIs to a game.
Why MaterialR over others?
The framework isn’t just a small module with a few built-in features, we give 100% customization! You can add your own elements by simply creating a folder with the element name and that will enable you to do :Get(element) .
How to add your own elements
Simply create a folder with the name of the element you are creating, add folders for events, props, functions, optionally add support for enums.
The last step is just to create a Dark and Light folder for themes and place your element in the folder.
Boom , you have a custom element!
Getting Started
Only Global ZIndex behavior is supported
To start using the framework, take the module, go to Roblox Studio, and place the module into ReplicatedStorage.
UI Examples
TextBox Images
Button Images
API
MaterialPro:Get(object)
Example Usage: MaterialPro:Get("TextBox")
Instantiates a Material Design instance
Examples
TextBox
local MaterialR = require(path.to.module)
local TextBox = MaterialR:Get("TextBox")
TextBox.AnchorPoint = Vector2.new(.5, .5)
TextBox.Size = UDim2.new(0, 200, 0, 40)
TextBox.Position = UDim2.new(.5, 0, .5, 0)
TextBox.Parent = script.Parent
TextButton
local MaterialR = require(path.to.module)
local TextButton = MaterialR:Get("TextButton")
TextButton.AnchorPoint = Vector2.new(.5, .5)
TextButton.Text = "TextButton"
TextButton.Size = UDim2.new(0, 200, 0, 40)
TextButton.Position = UDim2.new(.5, 0, .5, 0)
TextButton.Parent = script.Parent
Elements
TextBox
Properties Events Functions
TextButton
Properties Events
Planned updates
- Add support for Roact
Changelog
V1.0 - Initial Release
V1.1 Fix bugs with AnchorPoint
V1.2 Add documentation for TextButton
V1.3 Added Switch object
