Template Requirements.

To maintain quality, security, and ease of use in the Framer ecosystem, we have set template requirements. Template creators must follow these to ensure a good user experience. By submitting a template, you agree that all requirements are met.

Originality

Template does not use sections, components, or any other elements from other templates on the Framer Marketplace or any other template marketplace.

Template does not use sections, components, or any other elements from other templates on the Framer Marketplace or any other template marketplace.

Template does not use sections, components, or any other elements from other templates on the Framer Marketplace or any other template marketplace.

Design & UX

Template has a cohesive style throughout all pages.

Template has a cohesive style throughout all pages.

Template has a cohesive style throughout all pages.

The template makes use of high quality, stunning visuals such as images or graphics.

The template makes use of high quality, stunning visuals such as images or graphics.

The template makes use of high quality, stunning visuals such as images or graphics.

Typographic hierarchy is carefully implemented and the amount if typographic styles and sizes is kept to a minimum.

Typographic hierarchy is carefully implemented and the amount if typographic styles and sizes is kept to a minimum.

Typographic hierarchy is carefully implemented and the amount if typographic styles and sizes is kept to a minimum.

Effect and animations are sparsely implemented and add to the design or information architecture. They are not there just for the sake of animating elements.

Effect and animations are sparsely implemented and add to the design or information architecture. They are not there just for the sake of animating elements.

Effect and animations are sparsely implemented and add to the design or information architecture. They are not there just for the sake of animating elements.

The template has great visual hierarchy and utilizes best practices in typography, size, color, contrast, and repetition.

The template has great visual hierarchy and utilizes best practices in typography, size, color, contrast, and repetition.

The template has great visual hierarchy and utilizes best practices in typography, size, color, contrast, and repetition.

Template contains a custom /404/ page.

Template contains a custom /404/ page.

Template contains a custom /404/ page.

Layout

Template uses consistent spacing, padding, and appropriate whitespace. Template does not appear cluttered.

Template uses consistent spacing, padding, and appropriate whitespace. Template does not appear cluttered.

Template uses consistent spacing, padding, and appropriate whitespace. Template does not appear cluttered.

Pages and sections use Stacks (Layout) to enable fluid layouts.

Pages and sections use Stacks (Layout) to enable fluid layouts.

Pages and sections use Stacks (Layout) to enable fluid layouts.

Pages and sections use auto height so they can grow when new content is added.

Pages and sections use auto height so they can grow when new content is added.

Pages and sections use auto height so they can grow when new content is added.

Website does not scroll horizontally due to overflowing elements.

Website does not scroll horizontally due to overflowing elements.

Website does not scroll horizontally due to overflowing elements.

Pages have unique layouts. (Avoid redundant page designs with little to no differences).

Pages have unique layouts. (Avoid redundant page designs with little to no differences).

Pages have unique layouts. (Avoid redundant page designs with little to no differences).

Responsiveness

Layouts are fluid and responsive. Layouts are tested by previewing the template and resizing the pages.

Layouts are fluid and responsive. Layouts are tested by previewing the template and resizing the pages.

Layouts are fluid and responsive. Layouts are tested by previewing the template and resizing the pages.

The number of breakpoints is kept to a minimum (3) to reduce template and layout complexity. (Only add a 4th breakpoint if your layout requires it).

The number of breakpoints is kept to a minimum (3) to reduce template and layout complexity. (Only add a 4th breakpoint if your layout requires it).

The number of breakpoints is kept to a minimum (3) to reduce template and layout complexity. (Only add a 4th breakpoint if your layout requires it).

Mobile menus work appropriately and expand correctly to show all items in the navigation.

Mobile menus work appropriately and expand correctly to show all items in the navigation.

Mobile menus work appropriately and expand correctly to show all items in the navigation.

Mobile menus are Fixed to the top of the page and do not push down the entire page when expanding.

Mobile menus are Fixed to the top of the page and do not push down the entire page when expanding.

Mobile menus are Fixed to the top of the page and do not push down the entire page when expanding.

Components and interactions work across mobile. (Eg. Sliders become draggable, and content does not rely on hover states).

Components and interactions work across mobile. (Eg. Sliders become draggable, and content does not rely on hover states).

Components and interactions work across mobile. (Eg. Sliders become draggable, and content does not rely on hover states).

Effects & Animations

Transitions are present on some layers, not every layer or entire sections. Use them sparsely.

Transitions are present on some layers, not every layer or entire sections. Use them sparsely.

Transitions are present on some layers, not every layer or entire sections. Use them sparsely.

There is no use of preloaders unless they significantly enhance the experience of the website.

There is no use of preloaders unless they significantly enhance the experience of the website.

There is no use of preloaders unless they significantly enhance the experience of the website.

Interaction effects are not applied to elements that don’t enhance the experience. (Eg. a hover effect on an image without a click interaction).

Interaction effects are not applied to elements that don’t enhance the experience. (Eg. a hover effect on an image without a click interaction).

Interaction effects are not applied to elements that don’t enhance the experience. (Eg. a hover effect on an image without a click interaction).

Effects and animations are used consistently. (Eg. Ensure that appear effects have comparable animation curves and timing).

Effects and animations are used consistently. (Eg. Ensure that appear effects have comparable animation curves and timing).

Effects and animations are used consistently. (Eg. Ensure that appear effects have comparable animation curves and timing).

Typography & Text

All text has proper spelling and grammar.

All text has proper spelling and grammar.

All text has proper spelling and grammar.

Text is unique and does not overuse Lorem Ipsum. (Not a great writer? Use Framer’s built in Text Rewrite feature to improve text you wrote for your template use case).

Text is unique and does not overuse Lorem Ipsum. (Not a great writer? Use Framer’s built in Text Rewrite feature to improve text you wrote for your template use case).

Text is unique and does not overuse Lorem Ipsum. (Not a great writer? Use Framer’s built in Text Rewrite feature to improve text you wrote for your template use case).

Text Styles are used as much as possible to make editing for the end user easier.

Text Styles are used as much as possible to make editing for the end user easier.

Text Styles are used as much as possible to make editing for the end user easier.

Custom typefaces are not used in the template. (Only use typefaces that come with Framer).

Custom typefaces are not used in the template. (Only use typefaces that come with Framer).

Custom typefaces are not used in the template. (Only use typefaces that come with Framer).

Components

All external Components in the template are up to date. (Check the components in the assets panel).

All external Components in the template are up to date. (Check the components in the assets panel).

All external Components in the template are up to date. (Check the components in the assets panel).

Components use descriptive and meaningful names that reflect their functionality. (Avoid generic names like “Component1” or “Widget2”. Good examples include “User Profile Card”, “Product Carousel”).

Components use descriptive and meaningful names that reflect their functionality. (Avoid generic names like “Component1” or “Widget2”. Good examples include “User Profile Card”, “Product Carousel”).

Components use descriptive and meaningful names that reflect their functionality. (Avoid generic names like “Component1” or “Widget2”. Good examples include “User Profile Card”, “Product Carousel”).

CMS

There are no unused CMS collections in the project.

There are no unused CMS collections in the project.

There are no unused CMS collections in the project.

CMS fields are named in a way that clearly correlates to the layer they are linked to.

CMS fields are named in a way that clearly correlates to the layer they are linked to.

CMS fields are named in a way that clearly correlates to the layer they are linked to.

CMS is used where the website could benefit from it. (Eg. Blogs run on the CMS and not as separate pages).

CMS is used where the website could benefit from it. (Eg. Blogs run on the CMS and not as separate pages).

CMS is used where the website could benefit from it. (Eg. Blogs run on the CMS and not as separate pages).

Tags

Headings use H1-H6 Tags.

Headings use H1-H6 Tags.

Headings use H1-H6 Tags.

Paragraphs use P tags.

Paragraphs use P tags.

Paragraphs use P tags.

Navigations use the nav tag.

Navigations use the nav tag.

Navigations use the nav tag.

Ordered lists use the OL tag (Numbered).

Ordered lists use the OL tag (Numbered).

Ordered lists use the OL tag (Numbered).

Unordered lists use the UL tag (Bullet).

Unordered lists use the UL tag (Bullet).

Unordered lists use the UL tag (Bullet).

Images have alt tags where necessary. (Eg. Images that are not meant to be changed by the end user)

Images have alt tags where necessary. (Eg. Images that are not meant to be changed by the end user)

Images have alt tags where necessary. (Eg. Images that are not meant to be changed by the end user)

All other elements use the div tag or a tag best suited for that element.

All other elements use the div tag or a tag best suited for that element.

All other elements use the div tag or a tag best suited for that element.

Accessibility & performance

Template has a custom title and description added in the site settings.

Template has a custom title and description added in the site settings.

Template has a custom title and description added in the site settings.

Template publishes without any optimization errors.

Template publishes without any optimization errors.

Template publishes without any optimization errors.

The project does not contain any unused components, code, or assets in the assets panel.

The project does not contain any unused components, code, or assets in the assets panel.

The project does not contain any unused components, code, or assets in the assets panel.

Pages are set up consistently with the same amount of breakpoints and breakpoint widths.

Pages are set up consistently with the same amount of breakpoints and breakpoint widths.

Pages are set up consistently with the same amount of breakpoints and breakpoint widths.

There are no unused pages or canvas pages.

There are no unused pages or canvas pages.

There are no unused pages or canvas pages.

Custom code

Template does not use Code Components Overrides or external libraries for core functionality that can’t be easily edited by people without coding knowledge.

Template does not use Code Components Overrides or external libraries for core functionality that can’t be easily edited by people without coding knowledge.

Template does not use Code Components Overrides or external libraries for core functionality that can’t be easily edited by people without coding knowledge.

Template does not show any errors when publishing due to incorrect custom code.

Template does not show any errors when publishing due to incorrect custom code.

Template does not show any errors when publishing due to incorrect custom code.

Marketplace

Choose a single word to name your template.

Choose a single word to name your template.

Choose a single word to name your template.

Template name is not the same or includes the same name as a category.

Template name is not the same or includes the same name as a category.

Template name is not the same or includes the same name as a category.

Template has high quality and high resolution marketplace images added in the right format.

Template has high quality and high resolution marketplace images added in the right format.

Template has high quality and high resolution marketplace images added in the right format.

Template is added to the correct categories. Categories that do not apply to the template will be removed by the review team.

Template is added to the correct categories. Categories that do not apply to the template will be removed by the review team.

Template is added to the correct categories. Categories that do not apply to the template will be removed by the review team.

Support

Paid templates must be listed in $ (US dollars) on your payment service.

Paid templates must be listed in $ (US dollars) on your payment service.

Paid templates must be listed in $ (US dollars) on your payment service.

A clear refund policy is provided on your checkout page.

A clear refund policy is provided on your checkout page.

A clear refund policy is provided on your checkout page.

I am available to provide template support through email for customers who have purchased or used my template.

I am available to provide template support through email for customers who have purchased or used my template.

I am available to provide template support through email for customers who have purchased or used my template.

I will make sure my template is always delivered to the customer upon purchase. I understand not doing so will result in immediate removal of my template from the marketplace.

I will make sure my template is always delivered to the customer upon purchase. I understand not doing so will result in immediate removal of my template from the marketplace.

I will make sure my template is always delivered to the customer upon purchase. I understand not doing so will result in immediate removal of my template from the marketplace.

I understand Framer reserves the right to provide a remix link to the customer when they can provide a valid purchase receipt and I have neglected to deliver the template.

I understand Framer reserves the right to provide a remix link to the customer when they can provide a valid purchase receipt and I have neglected to deliver the template.

I understand Framer reserves the right to provide a remix link to the customer when they can provide a valid purchase receipt and I have neglected to deliver the template.

Failing to meet 4 or more of the requirements could lead to a rejection without feedback.

Last updated:

October 30, 2024

FAQ

Why was my template rejected?

Not meeting all of the requirements above is the most common reason templates are rejected. Before submitting a template, make sure you deeply familiarize yourself with building in Framer and the requirements above.

Why was my template rejected?

Not meeting all of the requirements above is the most common reason templates are rejected. Before submitting a template, make sure you deeply familiarize yourself with building in Framer and the requirements above.

Why was my template rejected?

Not meeting all of the requirements above is the most common reason templates are rejected. Before submitting a template, make sure you deeply familiarize yourself with building in Framer and the requirements above.

What should I do after a rejection?

We recommend taking a thorough look at our submission requirements. From there, we recommend looking at other templates, and using resources like Framer Academy to make the necessary improvements before resubmitting.

What should I do after a rejection?

We recommend taking a thorough look at our submission requirements. From there, we recommend looking at other templates, and using resources like Framer Academy to make the necessary improvements before resubmitting.

What should I do after a rejection?

We recommend taking a thorough look at our submission requirements. From there, we recommend looking at other templates, and using resources like Framer Academy to make the necessary improvements before resubmitting.

Will I be notified if my template is rejected?

Yes, if your template doesn’t meet our requirements, you’ll be notified. Due to the high volume of submissions, detailed feedback may not be provided in all cases. Templates missing too many key requirements may be rejected without feedback, but you can resubmit after making the necessary changes.

Will I be notified if my template is rejected?

Yes, if your template doesn’t meet our requirements, you’ll be notified. Due to the high volume of submissions, detailed feedback may not be provided in all cases. Templates missing too many key requirements may be rejected without feedback, but you can resubmit after making the necessary changes.

Will I be notified if my template is rejected?

Yes, if your template doesn’t meet our requirements, you’ll be notified. Due to the high volume of submissions, detailed feedback may not be provided in all cases. Templates missing too many key requirements may be rejected without feedback, but you can resubmit after making the necessary changes.

How do I include a refund policy with my Template?

Make sure you include a policy on how you will handle refund requests on your purchase page such as Lemon Squeezy, Stripe, or Gumroad.

How do I include a refund policy with my Template?

Make sure you include a policy on how you will handle refund requests on your purchase page such as Lemon Squeezy, Stripe, or Gumroad.

How do I include a refund policy with my Template?

Make sure you include a policy on how you will handle refund requests on your purchase page such as Lemon Squeezy, Stripe, or Gumroad.

Ready to submit?

Head over to your Framer Marketplace Template dashboard and click New Template in the top-right corner.