Unreal Engine - CSS 4.2

Unreal Engine – CSS by Satisfactory Modding is a lightweight plugin that brings familiar, CSS-like styling to Unreal Engine user interfaces. It lets you define visual themes in external style sheets and apply them across UMG and Slate widgets, separating presentation from logic and helping you maintain a consistent look and feel—especially useful for moddable projects.

Key features:

• CSS-inspired syntax with cascading, inheritance, and selectors (by type, name, and classes/tags)
• Styling for common UI properties such as colors, fonts, margins, padding, borders, and images
• Global themes with per-widget overrides for precise control
• Blueprint- and C++-friendly workflow; assign styles at design time or runtime
• Optional hot-reload of style sheets for faster iteration

Benefits:

• Faster theming and reskinning without recompiling UI code
• Clear separation of concerns for smoother designer–developer collaboration
• Ideal for community modding and live UI customization

Getting started:

• Install the plugin into your project’s Plugins folder, enable it in the Editor, create a style sheet asset, and attach it to your UI root. Tag widgets with classes or IDs to target them in your style sheet.

Maintained by the Satisfactory Modding team.

Unreal Engine - CSS is developed by Satisfactory Modding. The most popular version of this product among our users is 4.2.