UIEmitter Module - UI Particles (& Confetti)

[Rylvns (Rylen)]

Hello Developers or UI Designers!

I’ve made a new impactful module to make your UI designs come to life - introducing UIEmitter!

With UIEmitter you could:

• Create celebratory confetti explosions for victories and milestones or even purchases.
• Shower players with stars or sparkles when they level up or achieve a goal.
• Mimic fire, smoke, rain, or magical auras within UI components.
• Add gentle animations or moving patterns behind menus and screens.
• Use shimmering effects or subtle trails to highlight important information.
• Create subtle particle bursts on button clicks or hovers.

---

Heres some previews of some confetti I made from the module.

---

How to use
Setup:

local UIEmitter = require(game.ReplicatedStorage:FindFirstChild("UIEmitter")) -- get & require the module
local Emitter = UIEmitter.New() -- create a new screen gui dedicated to these emits

Example usage:

Emitter:Emit({
	Size = Vector2.new(10, 10),
	Position = Vector2.new(0, 0),
	Acceleration = Vector2.new(0, 0),
	Gravity = Vector2.new(0, 0),
	FrictionCoefficient = 1,
	LifeTime = 4,
	Properties = {},
	FadeIn = {
		Duration = 1,
		EasingStyle = Enum.EasingStyle.Linear,
		EasingDirection = Enum.EasingDirection.InOut,
		TweenProperties = {},
	},
	FadeOut = {
		Duration = 1,
		EasingStyle = Enum.EasingStyle.Linear,
		EasingDirection = Enum.EasingDirection.InOut,
		TweenProperties = {},
	},
	Texture = "",
});

---

---

Would you use this?

• Definitely!
• Yes, when I get the chance to.
• I’m not sure.
• Probably not.
• No, sorry.

What do you think about UIEmitter?

• Love it! Super easy to use and looks great.
• Seems promising, but I’d like to see more features.
• Fun to experiment with, not sure if it’s essential for my projects.
• I wish it integrated better with my existing UI workflow.
• Too complex for my needs.
• I’ve encountered some bugs/performance issues.
• Not worth the effort compared to other solutions.

---

Updated version

UIEmitter Module - UI Particles (& Confetti)

New version: Version 1-ea Changelog Added: Emit presets. I’ve added a default preset called “Confetti”. More default presets will be added in future versions. Performance upgrades. Fixed: FadeIn & FadeOut tweens not playing. Memory leaks. How to use Setup: [image] Usage: Emitter:EmitPreset(Preset, Configs) Example usage: Emitter:EmitPreset("Confetti", { Size = Vector2.new(3, 5), Position = Vector2.new(100, 200), ShootToPosition = Vector2.new(100, 100), AccelerationFractio…

[SavAlt17 (Xylo)]

make a github repository about this, it would be way easier to give feedback!

edit: are you going to try and multi-thread this code for performance?

[Rylvns (Rylen)]

I’m not sure how to exactly make this multi-threaded but from my knowledge I think I can just use coroutine.wrap(). Correct me if I’m wrong because I want to make this multi-threaded in the next version!

I’ve made the GitHub repository for code feedback!

Thank you for your feedback!

[JunisL0L (clown_junis)]

This is byfar one of the most unique modules out there I am 100% going to use this in the evorooms development!

[OVERKILLCREATIONS]

Is it possible for the module to create an outline effect similar to what’s shown here?

Show off your UI designs

Style: SciFi Program Used: Roblox, paint.net , Gimp Here’s a few prototype SciFi UIs I have been working on: Since I am not an artist I use paint.net and Roblox to design UIs, occasionally I use gimp. I’m a huge fan of glowy UIs with little eye candy / animated bits.

Still Images

<a class="lightbox" href="//devforum-uploads.s3.dualstack.us-east-2.amazonaws.com/uploads/original/4X/6/c/f/6cf298ffd808eb317ad6f4bdd98fe632229b7217.png" data-download-href="/uploads/shor…

[Rylvns (Rylen)]

Those effects are for buttons, not for particles. Although I don’t know what you’re trying to show me since there’s multiple effects in that message.
Can you be more specific?
Thanks.

[Rylvns (Rylen)]

New version: Version 1-cb

Added

• UIEmitterModule.From(<GuiObject>)
  This can be used on the server, and client. It’s used for gui objects like SurfaceGui and BillboardGui.
• Some code optimization.

GitHub Repository
Roblox Marketplace

I’m getting an error when I try to distribute the module on marketplace. So I’m not sure if you can even get it. This is why I created the GitHub Repository.

If you want anything else to be added please tell me. I can’t read your mind.

[Rylvns (Rylen)]

New version: Version 1-ea

---

Changelog
Added:

• Emit presets.
  I’ve added a default preset called “Confetti”.
  More default presets will be added in future versions.
• Performance upgrades.

Fixed:

• FadeIn & FadeOut tweens not playing.
• Memory leaks.

---

How to use
Setup:

Look inside the default Confetti preset module for an example of how to make your own preset.

Usage:

Emitter:EmitPreset(Preset, Configs)

Example usage:

Emitter:EmitPreset("Confetti", {
	Size = Vector2.new(3, 5),
	Position = Vector2.new(100, 200),
	ShootToPosition = Vector2.new(100, 100),
	AccelerationFraction = 10,
	Gravity = Vector2.new(0, 0),
	FrictionCoefficient = 1.02,
	LifeTime = 1.3,
});

---

Get Version 1-ea
Roblox Creator Store
GitHub Repository

[imloadingdot2 (AcidTablet)]

Community: “wE wAnt pArtIcLe rEnDeRiNg iN vIeWpOrT fRaMeS ”
This dude:

But fr this module is real cool, good work man

[IrisYouLuck]

You mind showing the confetti example???

Is there a WIKI or documentation for this? How about more effects or showcase how effects can be created and utilized?

[Rylvns (Rylen)]

@IrisYouLuck

Is there a WIKI or documentation for this?

I gave you the emit code example. That’s all you should need.

@IrisYouLuck

How about more effects or showcase how effects can be created and utilized?

I created the confetti preset, if you’re a scripter you would know what to do by learning how I did my preset.