Custom PHP Development

How to protect your domain from spoofing

/
Custom PHP Development

Create a sim with me reward for being a follower

/
```

Watch the Behind the scenes and live demo Videos

Follow the videos, then join us on Twitch and become part of the show.

```

I Finally Built the Feature I've Wanted for Years

 

What if following a Twitch channel actually gave you something to do?

I've wanted to build this kind of feature for a long time.

Not just another alert. Not just another follower counter. Not just another
button telling someone to subscribe.

I wanted to create something that could actually make the viewer
part of the show.

Now we're finally getting there.

TwitchL Login - SolarBluSeth

TwitchL login — the gateway to audience participation.

A Follow Can Become a Reward

The idea is simple.

A viewer follows the channel.

That follow isn't just another number on a dashboard.

It can become an opportunity to participate in the content.

For this project, followers can eventually use TwitchL to authenticate
themselves and gain access to the character request system.

FOLLOW THE CHANNEL → GET INVOLVED

The goal is to reward people for becoming part of the community without
making every interaction about spending money.

Your Character Could Become Part of the Stream

This particular feature is being designed around The Sims.

A follower can submit an idea for a character.

Male or female.

Human, witch, vampire or alien.

Choose a career. Give the character a name. Add personality, hobbies,
appearance and a backstory.

Then the streamer gets the request and can decide how that character becomes
part of the story.


You aren't just watching somebody else's game anymore.
You can help create the world they're playing in.

From Twitch Follow to Character Request

This is where the TwitchL login becomes important.

Instead of asking viewers to simply type their Twitch username into a form,
the long-term system can authenticate the viewer through Twitch.

That gives the system a real Twitch account to work with.

THE LONG-TERM FLOW

1.
Viewer follows the channel.

2.
Viewer logs in with Twitch.

3.
TwitchL identifies the viewer.

4.
TwitchL verifies their participation status.

5.
The character request becomes available.

6.
The viewer helps create part of the show.

Why I Like This Idea

Streaming is already interactive, but I think there is a huge opportunity to
go further.

A viewer shouldn't always have to spend money to feel like they matter to a
community.

Following a channel is a small action, but it can be the beginning of a real
relationship between the viewer and the streamer.

Giving that follower something fun to participate in makes the follow mean
more than simply increasing a number on the screen.

FOLLOW
PARTICIPATE
BECOME PART OF THE SHOW

And This Is Only the Beginning

The first version of the character request system is intentionally simple.

Right now, the goal is to prove the concept and let people actually use it.
The request can be collected and delivered to the streamer without requiring
a complicated backend.

But once this is connected directly to TwitchL, the possibilities expand
quickly.

  • Twitch account authentication
  • Follower verification
  • Subscriber verification
  • Character request history
  • One-request-per-viewer rules
  • Additional requests through donations
  • Database-backed viewer accounts
  • Streamer-controlled participation rules

Rewarding Participation Without Making Everything About Money

This is probably the part I like the most.

There are plenty of ways for streamers to monetize their communities, and
those tools are important.

But not every reward needs to involve spending money.

Sometimes a viewer just wants to feel like they're part of something.

If following the channel gives them a chance to create a character that could
appear in a future stream, that's a completely different kind of reward.


You're rewarding participation instead of simply rewarding spending.

The $25 Idea

There is also room for additional participation.

The basic concept can give a follower a free character request. If someone
wants to submit another character, a future TwitchL version could connect
additional requests to a donation or other streamer-defined entitlement.

That gives the streamer control over how the system works while keeping the
basic community reward available to followers.

I've Wanted to Build This for a Long Time

This isn't an idea I came up with yesterday.

I've wanted to create a system where the audience could actually influence
what happens in a stream for a long time.

The technology is finally getting to the point where I can build it the way
I've imagined it.

The TwitchL login is an important piece of that puzzle because it gives us a
way to connect a real Twitch viewer to the tools we're building.

And the character request system is one of the first examples of what that
can become.

THE AUDIENCE DOESN'T HAVE TO SIT OUTSIDE THE STORY

We can give them a way in.

This Is What I'm Building With TwitchL

TwitchL isn't just about putting a Twitch login on a website.

The bigger idea is creating a connection between the streamer, the viewer,
and the content itself.

A follower becomes a participant.
A participant can become part of the story.
And the story becomes something the entire community helped create.


Follow the channel.
Create something.
Become part of the show.

More TwitchL audience participation features are coming.

```

♜

TRY IT FOR YOURSELF

 

Want to see where this is going?
Log in with Twitch and try the feature for yourself.
This is where following a streamer starts becoming more than just
another number on the screen.

Your Twitch login is the first step toward becoming part of the
audience-driven features we're building with TwitchL.


LOGIN WITH TWITCH

Why Are We Building a Sims 4 Audience Participation System?

Because there is already a massive audience for The Sims. The opportunity isn't to invent the audience. It's to give that audience a reason to participate.

1.4B+
SIMS VIEWS

Sims-related videos with "sims" in the title on YouTube during 2024.

250K+
VIDEOS

Sims-related videos uploaded to YouTube during 2024.

140M+
CHALLENGE VIEWS

Views of Sims videos containing "challenge" in the title during 2024.

2.24M+
HOURS WATCHED ON TWITCH

The Sims 4 generated approximately 2.24 million hours watched on Twitch in May 2025, with an average of about 3,015 viewers.

You Might Be Wondering Why We're Doing This

The answer is pretty simple: The audience is already there.

YouTube reported more than 1.4 billion views of videos related to The Sims in 2024. That's not a small niche hiding in the corner of the internet. It's a massive creator and viewer community.

So instead of fighting against that audience, we're going to lean into it.

More Sims videos on YouTube. More audience interaction on Twitch. More ways for the audience to participate.

THE AUDIENCE JOURNEY

TikTok
DISCOVERY
→
YouTube
AWARENESS
→
Twitch
LIVE PARTICIPATION
→
TwitchL
PARTICIPATION & TOOLS

Every Platform Has a Job

TikTok

Short-form discovery. Get the idea in front of people who have never heard of us.

YouTube

Build awareness with searchable videos, stories, demonstrations and Sims content.

Twitch

Turn viewers into a live community where they can actually influence what happens.

TwitchL

Connect the viewer's Twitch identity to tools, rewards, participation and eventually databases.

We Need to Give People a Reason to Participate

We're not trying to tell someone: "Leave YouTube and go watch me somewhere else."

We're giving them a reason to go to Twitch because that's where they can actually participate.

Starting Small: Follow the Channel, Get Something Cool

We don't want every interaction to be about money.

A viewer who follows the channel is already showing an interest in becoming part of the community.

So we're starting small.

Follow the channel and you can start getting access to cool tools and audience participation features.

FOLLOW

Become part of the community.

LOGIN

Connect your Twitch identity through TwitchL.

PARTICIPATE

Use tools that can actually become part of the show.

Build Awareness. Create Urgency. Give People a Reason to Return.

A new channel can't assume people will simply discover it and stay. We have to create reasons for viewers to come back, participate and become part of the community.

And Eventually, Subscribers Get Even More

Followers are where we're starting.

But subscriptions and memberships should mean something too.

If someone decides to financially support the channel, there should be additional value waiting for them.

It's time to give subscribers value for their subscriptions.

That's where TwitchL can eventually take this much further: subscriber-only tools, additional participation, database-backed rewards, special requests and other features that we haven't even built yet.

THE PLAN
TikTok brings discovery.
YouTube builds awareness.
Twitch creates participation.
TwitchL connects it all.

We're starting with something simple: give followers a reason to participate. Then we'll keep building.

DATA SOURCES

YouTube Culture & Trends, "Celebrate The Sims 25th Birthday with YouTube!" — global YouTube data, January 1–December 31, 2024.

Twitch statistics: The Sims 4, May 2025 — SullyGnome. Twitch statistics can vary by measurement period and source.

```
Custom PHP Development

A New Free Streamer Tool Is Here

/

A New Free Streamer Tool Is Here — And This Is Only Stage 1

A local HTML-based display system for Twitch, Kick, YouTube and OBS

SolarBlueSeth local streamer display system

Something New Is Being Built

I've been working on a new idea for streamers: a lightweight display system that can run locally on your own computer and be used directly with OBS.

The first version is intentionally simple.
There is no complicated dashboard, no database, and no monthly subscription required to use the local version.
It's an HTML-based system designed to give streamers a way to create and control on-screen events without having to depend on another streaming service for every little thing.

This is Stage 1.

And Stage 1 is being made available as a free tool.

What Can It Do?

The current version already has several different event displays built into it.

💰 Donations

Set a donation goal, enter the donor's name, specify what the donation is for, enter the amount, and trigger the on-screen animation.
The display can also keep track of the total raised and progress toward the goal.

👥 Followers

The follower system is designed with multiple platforms in mind.
The current interface includes Twitch, Kick and YouTube, along with follower names, custom messages, platform counts and goals.

⭐ Subscribers

Subscriber events can be displayed using different subscription tiers, subscriber names and custom messages.
The system also keeps track of total subscriptions and the most recent tier.

Built With OBS In Mind

One of the goals of this project is to keep the setup as simple as possible.

The HTML can be stored locally on your computer and opened in a browser such as Firefox for testing.
From there, the display can be brought into OBS as a browser source.

The display is also designed with transparency and chroma-key workflows in mind.
That means you can place the event display over your stream and use OBS filters to remove the background when necessary.

OBS Tip

When you're using an OBS mask/filter, make sure you're applying the mask to the
display rectangle, rather than accidentally masking the control area.
The controls are there to configure and trigger the event; the rectangle is the part you want your viewers to see.

Why Make It Local?

There is something appealing about a streamer being able to download a tool and simply run it on their own computer.

You don't necessarily need another cloud dashboard just to display a follow, donation or subscriber event on your stream.
A simple local HTML application can handle the visual side of the job.

That also makes this first version a great place to experiment.
I can build the display system, test different animations and layouts, and let streamers see what works before moving into the next stage.

But This Is Only Stage 1

This is where the project gets much more interesting.

The free local version is the beginning—not the end.

The next stage of development is going to introduce a database and connected functionality.
Instead of everything existing only inside a local HTML page, the system can begin storing information and connecting the streamer to a larger platform.

Local Display
→
Connected Account
→
Database
→
Advanced Streamer Tools

Where Twitch Login Comes In

As this project moves beyond the local version, Twitch authentication will become an important part of the system.

The plan is for streamers to sign in with Twitch before downloading the tool.
The tool itself is still intended to be free at this stage, but requiring Twitch authentication gives the system a way to connect the streamer to their account as the project develops.

This will also make it possible to build toward features that simply aren't practical with a completely disconnected HTML file.

The Bigger Idea

What started as an HTML display is becoming something much bigger.

The long-term goal is to create tools that give streamers more control over their own communities, events and content while keeping the experience as straightforward as possible.

Twitch, Kick and YouTube are already being considered in the design of the display system. As the project develops, the goal is to connect those platforms to a common system rather than creating completely separate tools for every platform.

The local display is essentially the visual layer.
The database and connected services will eventually become the infrastructure behind it.

Why Release It Now?

Because I don't think everything needs to be finished before people get to see it.

This is an early look at something that is actively being developed.
The first stage gives streamers something useful to experiment with while also providing a foundation for the much larger system that comes next.

Stage 1 is about proving the idea.

Build it. Use it. Put it in OBS. See what works.

Then we'll build the next stage.

The Free Local Streamer Display

```

This is the beginning of the project.

More features, connected accounts and database-powered tools are coming as development continues.

Stage 1: Free. Local. Simple.

```

SolarBlueSeth — Building new tools for streamers.

```
🎮

Streamer Tools

Login with Twitch to get started

Sign in with your Twitch account to get access to the Broadcaster Tools.

Once you've logged in, you'll be able to access the streamer tools available to your account, including the latest display and broadcasting features.

What happens next?

Click Login with Twitch.

Your Broadcaster Tools will be available after you log in.

Twitch authentication is handled through Twitch. Your Twitch password is never entered on SolarBluSeth.

```

$
$
$$
THANK YOU
Name
Item
$0.00
$0.00 Goal: $0.00
Total Raised
$0.00
Progress
0%
Twitch Followers
Twitch Goal
Total Subs
0
Last Tier
Tier 1
Test it out yourself. So portable and easy to use even without a web server.
Custom PHP Development

The Future of TwitchL

/

The Future of TwitchL

Building the next generation of creator-owned communities.

The internet has changed how creators connect with their audiences. Streaming created the first connection, but the next step is building deeper communities where fans have a reason to return, participate, and belong.

TwitchL was created with one goal: give creators a place where their strongest supporters can access exclusive content, rewards, and experiences that cannot be found anywhere else.

From Followers To Communities

A follower is only a number. A community is a relationship.

TwitchL is designed to help creators transform their audience into an active community through private websites, exclusive videos, rewards, and membership experiences.

The Creator Website

Every creator gets their own dedicated website powered by WordPress technology. Creators control their own content, organize their private libraries, and decide what their community receives.

  • Exclusive video libraries
  • Private articles and tutorials
  • Downloads and digital rewards
  • Community announcements
  • Subscriber-only content

More Than Membership: Loyalty

Traditional membership systems only ask one question:

"Did this person pay?"

TwitchL looks deeper. Communities are built through participation, loyalty, and support.

Future TwitchL features will allow creators to reward their biggest supporters through:

  • Subscriber milestones
  • Gift subscription rewards
  • Bits and supporter achievements
  • Community streaks
  • Limited-time reward drops
  • Exclusive unlocks

Timed Drops And Special Events

The best communities create moments that fans do not want to miss.

TwitchL will allow creators to release limited-time experiences, hidden content, and special rewards during important moments.

"Be there when it happens, because some rewards will only exist for a limited time."

The Power Of Creator-Owned Platforms

Social platforms are important, but creators do not control them. Algorithms change. Features disappear. Audiences move.

TwitchL gives creators a dedicated home for their community where they control the experience.

  • Your website
  • Your content
  • Your members
  • Your rewards
  • Your community

The Road Ahead

The future of TwitchL is about connecting creators and fans in a deeper way.

The platform will continue expanding tools that help creators build stronger communities through identity, content access, rewards, and engagement.

The vision is simple:

Give creators the tools to turn viewers into members, and members into communities.

TwitchL — Building the future of creator communities.

 

Custom PHP Development

Advanced Themer 13 – Custom Components

/

 

✨ Advanced Themer 13

Custom Visual Composer Components for WordPress

NEW UPGRADE

🚀 The Problem We Solved

Our clients at SolarBlu kept asking for the same custom components across different projects. Hero sections, pricing tables, team showcases, testimonials... We thought: "Why not build our own component library that works seamlessly with Visual Composer?"

And so, Advanced Themer 13 was born - a custom Visual Composer Website Builder (VCWB) element pack that gives our clients (and yours!) beautiful, ready-to-use components with a single click.

💡 The Challenge

Visual Composer v45+ uses a React-based API with a specific webpack bundle format called vcvWebpackJsonp4x. Getting custom elements to register properly required:

  • Exact babel version compatibility (7.19.x - not newer!)
  • Webpack 5.74.0 (newer versions conflict with VC's internals)
  • Classic React.createElement (not React 18's new JSX transform)
  • Proper PHP registration via the vcv:api hook

🎨 What's Included

9 custom components, all styled with our signature dark theme and gold accents:

Advanced Themer 13 Components in Visual Composer

All 9 components visible in the Visual Composer element library

🏠

Hero Section

Eye-catching hero with customizable background, title, and CTA

⭐

Features Grid

Showcase your product features in a beautiful grid layout

💰

Pricing Table

Clean pricing cards with highlight options

💬

Testimonials

Customer reviews with avatars and ratings

👥

Team Members

Display your team with photos and bios

📧

Contact Form

Styled contact form with validation

🖼️

Image Gallery

Responsive image grid with lightbox

🎯

Call to Action

Conversion-focused CTA blocks

📦

Test Box

Our original component - the foundation

🛠️ Technical Deep Dive

For the developers out there, here's what makes this work:

Bundle Format

(self["vcvWebpackJsonp4x"] = self["vcvWebpackJsonp4x"] || []).push([["element"],{...}]);

This special format allows VC's runtime to load and execute custom element code.

Component Structure


import React from 'react'
import { getService } from 'vc-cake'

const vcvAPI = getService('api')

export default class MyElement extends vcvAPI.elementComponent {
  render() {
    const { id, atts, editor } = this.props
    // Your JSX here
  }
}

PHP Registration


add_action('vcv:api', function ($api) {
  $api->elements->add(
    $manifestPath,
    $elementBaseUrl
  );
});

Tech Stack

React 18
Webpack 5.74.0
Babel 7.19.x
PHP 8.x
WordPress 6.x
Visual Composer 45+

🎨 Design System

All components follow our consistent design language:

  • Background: #0A0A0A (Deep black)
  • Primary Text: #FFD700 (Gold)
  • Secondary Text: #C0C0C0 (Silver)
  • Border Radius: 12px
  • Spacing: 20px padding
  • Hover Effects: Gold border glow

Advanced Themer 13 Components in Visual Composer

All 9 Advanced Themer 13 components ready to use in Visual Composer

🚀 For Our Clients

When you work with SolarBlu, you get access to these custom components as part of our Advanced Themer 13 package. No more cookie-cutter templates - your site gets unique, branded components that stand out.

✨ Benefits

  • 🎨 Consistent branding across all pages
  • ⚡ Faster development (reusable components)
  • 📱 Fully responsive out of the box
  • 🔧 Easy customization via Visual Composer
  • 🚀 Optimized for performance

Ready to Upgrade Your Site?

Get Advanced Themer 13 and transform your Visual Composer experience

Contact Us Today

📝 Behind the Scenes

This project was a labor of love (and frustration 😅). We spent hours debugging webpack configurations, babel version conflicts, and React JSX transforms. The key breakthrough was discovering that Visual Composer's runtime expects classic React.createElement calls, not the modern JSX transform introduced in React 18.

We also learned that VC's vc-webpack-vendors@3.3.3 package has very specific peer dependency requirements:


// package.json
"devDependencies": {
  "@babel/core": "7.19.3",
  "@babel/preset-env": "7.19.4",
  "@babel/preset-react": "7.18.6",
  "webpack": "5.74.0",
  "vc-webpack-vendors": "3.3.3"
}

Any deviation from these versions results in cryptic runtime errors. But now that we've cracked the code, we can build custom components quickly and efficiently!

Developer workspace

The SolarBlu development team hard at work

🎉 Success!

After hours of debugging webpack configurations and babel version conflicts, all 9 components now appear perfectly in the Visual Composer editor. Our clients can simply drag and drop these components to build beautiful pages in minutes.

Built with ❤️ by SolarBlu | Advanced Themer 13

© 2026 SolarBlu. All rights reserved.

SolarBlu
Scroll to Top