Proposal: A Custom Widget Editor for Elementor (HTML/CSS/JS, Built-In)

Miguel CA — Sat, 03 May 2025 19:40:48 +0000

🛠️ Proposal: A Custom Widget Editor for Elementor (HTML/CSS/JS, Built-In)

Have you ever wanted to build your own widget in Elementor using just HTML, CSS, and JavaScript — without creating a WordPress plugin?

❓ The Problem

Currently, building a custom widget in Elementor requires writing PHP, registering it with WordPress, and deploying it via plugin. For many frontend developers, this creates a barrier.

Elementor is a powerful visual builder, but when it comes to adding custom functionality (like animations, dynamic components, or third-party APIs), you're limited to embedding code in HTML widgets — and even then, it's clunky and lacks structure.

💡 The Idea

What if Elementor had a built-in Custom Widget Editor?

Features:

Code editor tabs for HTML, CSS, and JavaScript
Live preview inside the panel
Save & reuse custom widgets across projects
Export to plugin or Elementor template
Syntax highlighting and basic linting

Aimed at power users, it would bring the experience of CodePen or JSFiddle directly into the Elementor UI.

🖼️ Mockup

Here’s a quick visual mockup of how it could look:

🧠 GitHub Discussion

I’ve shared this idea in the official Elementor GitHub Discussions:

👉 Read or join the conversation here

🙌 Let's Make It Happen

If you're a developer, designer, or part of the Elementor team and this idea resonates with you — I'd love to hear your thoughts.

Thanks for reading, and happy building!

A Next.js Starter for Music/Video SaaS --Would You Use It?

Miguel CA — Sat, 03 May 2025 18:58:41 +0000

🎧 A Next.js Starter for Music/Video SaaS — Would You Use It?

While building a personal SaaS app focused on music streaming, I ran into a common issue: there's no starter template for media-heavy SaaS platforms in the Next.js ecosystem.

We have great examples for blogs, e-commerce, and dashboards — but nothing geared toward apps like Spotify, YouTube, Bandcamp, etc.

🚀 What’s the idea?

A starter template (official or community-built) that helps developers quickly build music or video-based SaaS platforms, including:

Modular layout (admin dashboard + public site)
SSR-compatible media player
YouTube/Spotify API integration
Auth system (for creators and users)
Stripe billing setup
Media upload via Cloudinary, Bunny, or UploadThing

💡 Why this matters

Streaming SaaS apps always repeat the same core features — authentication, content dashboards, media playback, etc.

Having a purpose-built starter would:

Save developers a lot of time
Reduce duplicated effort
Make Next.js even more attractive for startup and indie devs

🧠 Community Discussion

I’ve shared this idea on GitHub Discussions to get feedback from the community.

👉 Join the discussion here

Here’s also a simple wireframe mockup of the concept:

🙌 Open to feedback and collaboration

If this sounds useful to you, please comment or join the GitHub discussion. I’d love to co-build an MVP if there’s interest.

Thanks for reading!

DEV Community: Miguel CA