ElementUI UMG Kit

ElementUI UMG Kit: Advanced Styling for Unreal Engine 5 Common UI

ElementUI UMG Kit is an Unreal Engine 5 plugin designed to enhance your UI development workflow. It provides a collection of modular UMG elements that extend the default Common UI styling capabilities. These elements are not mere wrappers but true extensions, allowing full access to default properties while inheriting styles from a central theme. This system, inspired by shadcn, offers pre-styled components ready for drag-and-drop integration, simplifying UI customization and consistency across your projects.

Features:

• Styled Common UI Texts: Provides 11 pre-defined styles for native Common UI Text elements.
• Extendable Buttons: Offers 7 distinct button styles that build upon Common UI styling.
• Styled Borders: Features 2 border styles integrated with the Common UI system.
• Styleable TextBox: Allows TextBox elements to inherit styles from Common UI Button Style definitions.
• Styleable CheckBox: Enables CheckBox elements to utilize Common UI styling.
• Styleable ComboBox: Allows ComboBox (Combo) elements to inherit styles from Common UI Button Style definitions.
• Styleable ProgressBar: Enables ProgressBar elements to use Common UI styling.
• Styleable Slider: Enables Slider elements to use Common UI styling.
• Alert Dialog Component: A ready-to-use UMG Widget Blueprint for alert notifications.
• CheckBox Label Component: A pre-built UMG Widget Blueprint combining a checkbox and a label.
• Hierarchical Styling: Implements a style inheritance system (e.g., ElementUI Style Btn Primary as base) for easy global or specific UI modifications.
• In-Editor Style Customization: Allows direct modification of element styles within the Blueprint Widget editor and creation of new styles.
• Quick Element Access: All custom elements are discoverable in the Blueprint Widget editor using the ElementUI prefix.
• Custom DPI Scaling: Provides a custom DPI scale curve to achieve UI scaling similar to desktop applications.
• Demo Examples: Includes 3 demonstration widgets, featuring a shadcn-inspired Email Dashboard, to showcase usage.

Summary:

ElementUI UMG Kit for Unreal Engine 5 empowers developers by offering a set of modular, pre-styled UMG elements that seamlessly extend the Common UI framework. With a shadcn-inspired theme and a hierarchical styling system, it simplifies creating visually consistent and customizable user interfaces. This plugin provides ready-to-use elements, components, and demo examples, accelerating UI development and enhancing the visual appeal of UE5 projects with minimal setup.