RGBJunkie Component Builder: Create custom components for SignalRGB!

Update: Shape generators have moved to the Build tab!

Product Name

Display Name

Brand

Type

Device Image

Click to paste or drop

Use Ctrl + V to paste. Max 400x400px.

Most motherboard ARGB headers support ~120 LEDs. Proceed with caution!

Quick Add Shapes

Tools

Guide

Component Name

By: Anonymous

Display Name

Brand Type

Untitled Component

By: Anonymous • Custom • Other

---, ---

0 LEDs

Comments are public. Please be respectful and courteous.

Loading comments...

Save this component to the cloud to enable comments.

Please to join the conversation.

Notification

Open Component

Export Component

Notice: This component contains multiple circuits. This may not be supported by all formats. Make sure to select a compatible export format and test your component after importing.

Export Format:

SignalRGB (Standard)

WLED (Matrix Map)

NollieRGB

Your component JSON preview:

{...}

Share Component

Anyone with this link can view and fork this component. Your original component will not be affected.

Add LED Matrix

A grid of LEDs will be created at the center of your view.

Columns

Rows

Wiring Direction

Serpentine Wiring

If checked, wiring snakes back and forth. If unchecked, each line starts from the beginning.

Add LED Strip

LED Count

Orientation

Add LED Circle

LED Count

Radius (grid units)

Add L-Shape

Creates an L-shape with the corner at the bottom-left. Wiring runs top-to-bottom, then left-to-right.

Side A (Vertical)

Side B (Horizontal)

Add U-Shape

Wiring runs down Side A, across Side B, and up Side C.

Side A (Left)

Side B (Bottom)

Side C (Right)

Add Hexagon

LEDs per Side

Add Triangle

LEDs per Side

Scale Selected LEDs

Scale the selection relative to its **geometric center**.

Scale Factor

Mirror Selected LEDs

Mirror the selection across its geometric center.

Direction

Duplicate LEDs (Create a mirrored copy)

If unchecked, the selected LEDs will just be moved to their mirrored positions.

Help & Quick Guide

Welcome to the RGBJunkie Component Builder. Here are the tools available in your new interface.

New: Clear the canvas for a fresh project.

Save: Sync your component to the cloud (Login required).

Share: Generate a public link for your component.

Import: Load a .json file from your computer.

Export: Download the final file for SignalRGB or WLED.

Gallery: Browse and fork components created by the community.

Select (V): Select, move, and drag-box LEDs.
Place (P): Click to drop LEDs and auto-wire them.
Wiring (W): Manually connect or break LED chains.
Image Tool (I): Move and scale your background reference guide.
Rotate: Turn selection 90°. (Shift+Click for clockwise).
Scale (S): Resize selected LEDs from their center.
Mirror (M): Flip selection horizontally or vertically.

We've reorganized the controls to give you more room to work:

Properties Tab: Edit the device name, brand, and type. This is also where you upload your device image.
Build Tab: Find all the Quick-Add shapes (Matrix, Circle, Strips, etc.) to start your design faster.

About RGBJunkie Component Builder

RGBJunkie Component Builder is a web-based visual tool designed to simplify the creation of custom component .json files for the SignalRGB platform.

Built by José A. Miranda Vélez in the beautiful island of Puerto Rico, this project aims to provide an intuitive, grid-based interface for designers and enthusiasts to map out LEDs for their custom devices.

Version: 1.579
Project Home: View on GitHub
Related Tool: Effect Builder
Terms & Privacy: Terms of Usage | Privacy Policy

Terms of Usage

By using this Interactive Effect Builder (the "Tool"), you agree to the following terms:

1. No Warranty

This Tool is provided "as-is", without any warranties of any kind...

2. Public Content and Licensing

By saving or sharing an effect, you are making it public. You grant a perpetual, worldwide, non-exclusive, royalty-free license to other users and to this website to use, display, reproduce, and distribute your created effect. This allows features like the Community Gallery to function.

Privacy Policy

Last Updated: November 3, 2025

Information We Collect

Account Information: If you choose to sign in with Google, we collect your public profile information, including your name, photo, and unique user ID.
User-Generated Content: We collect the components you save to the cloud.

Terms & Privacy

By using this tool, you agree to the Terms of Usage and acknowledge our Privacy Policy.