https://github.com/idkncc/better-react-components

Better Roblox's ReactLua components
https://github.com/idkncc/better-react-components

components react react-lua react-roblox roblox roblox-ts

Last synced: about 2 months ago
JSON representation

Better Roblox's ReactLua components

• Host: GitHub
• URL: https://github.com/idkncc/better-react-components
• Owner: idkncc
• Created: 2024-03-12T15:44:57.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-10-20T08:55:06.000Z (2 months ago)
• Last Synced: 2024-10-25T05:09:53.012Z (2 months ago)
• Topics: components, react, react-lua, react-roblox, roblox, roblox-ts
• Language: TypeScript
• Homepage:
• Size: 5.11 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Better React Components

![NPM Downloads](https://img.shields.io/npm/dm/%40rbxts%2Fbetter-react-components?style=for-the-badge)

![NPM Version](https://img.shields.io/npm/v/%40rbxts%2Fbetter-react-components?style=for-the-badge)

Roblox's ui elements, with builtin modifiers

Also see **[introduction](docs/1_Introduction.md)**

## Example

![Comperance](docs/better-react-components-is-based.png)

    better-react-components code

    ```

    

        

        

        

        

    ;

    ```

## Support

### TODO

- [ ] Upgrade ESLint to `9.*.*` version

- [ ] Better documentation

### Components

- [X] Frame

- [X] ScrollableFrame

- [X] Button

- [ ] ImageButton

- [X] Image

- [X] Text

- [X] TextBox

- [X] CanvasGroup

### Modifiers

- [X] UIAspectRatioConstraint

- [X] UICorner

- [X] UIGradient

- [X] UIGridLayout [(see GridLayout)](src/components/GridLayout.tsx)

- [X] UIListLayout [(see ListLayout)](src/components/ListLayout.tsx)

- [X] UIFlexLayout [(see ListLayout)](src/components/ListLayout.tsx)

- [X] UIPadding

- [ ] UIPageLayout

- [X] UIScale

- [X] UISizeConstraint

- [X] UIStroke

- [ ] UITableLayout

- [X] UITextSizeConstraint

### Custom Modifiers

- ~~[ ] FlowLayout [(view)](https://devforum.roblox.com/t/flow-flexbox-layout-for-lua/2614394)~~ (Removed due release of flex features to ListLayout. [Devforum](https://devforum.roblox.com/t/flex-features-for-uilistlayout-client-release/3096190) )