top of page

create your own component

Ever dreamed of having your component in the Add Panel and reaching millions of users?

Now's your chance. Build it. Ship it. Get seen.

Build Smarter. Ship Faster.

Ready to build something amazing? Join our challenge and use the Component Creation Skill to create real, functional components - powered by AI.

 

The best components will earn a spot in the Harmony Add Panel, reaching millions of users. And the top winners? They're walking away with an incredible prize!

Frame 7.png

1st Place

$200 Amazon Giftcard
Frame 8.png

2nd Place

$100 Amazon Giftcard
little stars2.png

How it works

Frame 15.jpg
Setup your local environment & create a CLI app
Frame 16.jpg
Let the AI skill do the heavy lifting
Frame 17.jpg
See your component come to life in the Editor
Frame 18.jpg
Release your app & share it with your friends
Star 5.png

Guidelines

Follow this step-by-step guide to bring your dream component to life. 

Under the hood, this creates an app with Editor React Component extension, generates the component code, and produces a manifest for seamless integration in the Editor.

section bg.png

Submission

Follow Step #4 in the step-by-step guide

Follow Step #5 in the step-by-step guide

bottom of page