How to submit a Component
Learn how to prepare, preview, and submit your component to the Framer Marketplace.
Sharing your components on the Framer Marketplace not only showcases your work to a vast community but also allows you to retain 100% of the revenue on every sale while gaining exposure with thousands of daily page views in one of the fastest-growing creator economies.
Before you submit
Make sure your component is fully polished before submitting:
Test it thoroughly to catch any bugs.
Ensure the design is clean, consistent, and aligned with web best practices.
Double-check that the name, description, and images are complete and accurate.
Review the component requirements to meet quality standards.
How to submit your component
When you are ready to share your work, follow these steps:
Open your project in Framer.
Go to the Assets panel, right-click your component, and choose Copy URL.
Open the Creator Dashboard and click New Component.
Paste the copied URL into the submission form.
Fill out the required details, including summary, description, and preview URL.
Click Submit to send your component for review.
You can track your component’s status anytime in the Creator Dashboard.
Set up your live preview
Every Marketplace component includes a 4:3 aspect ratio live preview on its page. This preview loads a public Framer page that you control. Your component must be centered in the middle of the viewport, ensuring it fits well within the live preview. To achieve this, you need a container with a height of 100vh and a body with a height set to Fit. You can check the preview requirements here.
You can start from scratch or remix a preview template:
Create or duplicate a page in your project.
Set the root frame to a Stack and set its height to Fit.
Inside it, add a frame with width set to
1frand height to100vh.Convert this inner frame into a Stack and center its content.
Drag in your component and configure it in its best, interactive state.
Make sure key content appears in the top 4:3 area—this is what the preview panel displays.
Publish the page and copy its URL.
Paste this URL into the Preview field of the submission form.
Review process and timing
Submitted components go through a two-phase review process, which may take up to 14 days.
Phase | Duration | What we check |
|---|---|---|
Initial review | ∼7 days | Basic requirements and completeness |
Design/code review | ∼7 days | Design quality and code functionality |
At the end of this process, you’ll receive one of two outcomes:
Accepted: Your component is approved and will be published soon.
Rejected: You will receive feedback to revise and resubmit.
Submission status and publishing workflow
You can track your component’s progress and manage its publishing status in the Creator Dashboard.
Once your component is Approved, click Publish to make it live on the Marketplace. Any future edits remain local until you click Update. This version-controlled workflow ensures users always access a stable version of your component.
Status | Description |
|---|---|
In Review | Under evaluation by the review team. |
Needs Changes | Requires updates before approval; feedback provided. |
Approved | The component is ready to publish and behaves like a linked component until published. |
Published | Live on the Marketplace and version-locked. Local edits won’t affect the live version. |
Update Available | You’ve made edits. Click Update to publish the new version. |
Archived | No longer published but saved in your dashboard for reference. |
Related articles
Want to learn more? These articles offer additional guidance:
If you need help or have specific questions about components, please feel free to reach out to us at creators@framer.com.