Using Polaris HTML in Angular for App Store Approval

Technical Q&A
, , ,

Topic summary

A developer is building a Shopify app using Angular (MEAN stack) and has faced two rejections for not using Polaris React. Since Polaris React is incompatible with Angular, they’re considering using Polaris HTML structure and CSS classes in Angular templates instead.

Key Questions:

  • Can HTML/CSS-based Polaris implementation (without React) satisfy App Store requirements?
  • Will minor customizations (height, width, color adjustments) cause rejection?

Response Guidance:
Using Polaris HTML/CSS in Angular is acceptable if the UI/UX closely matches Polaris guidelines in structure, behavior, and accessibility. However, noticeable deviations in core components (buttons, modals, inputs) may trigger rejection. Customizations should remain subtle and interactive elements must behave identically to React counterparts.

App Context:
Only the seller panel (product listing/creation module) will use Polaris-style UI. The customer-facing frontend remains custom-designed. Three screenshots show the current seller panel interface requiring Polaris alignment.

Status: Discussion remains open regarding whether partial Polaris implementation (seller panel only) with minimal design tweaks will meet approval requirements.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I’m building a Shopify app using the MEAN stack (Angular).

  • My app got rejected twice due to not using Polaris React.

  • Since Polaris React is not compatible with Angular, I’m thinking of using HTML wrappers (same HTML structure + CSS classes from Polaris) in my Angular templates to match the UI/UX.

  • I’m also adding custom classes to slightly adjust height, width, or color of the button to match my app’s design.

  • My questions:

    1. Is using HTML + CSS classes from Polaris (without React) acceptable for Angular-based apps?

    2. Will custom design tweaks (like size or color) lead to rejection, even if the UI/UX still looks consistent with Polaris?

2

Hi @AnmolVerma ,

Using HTML and CSS classes from Polaris in your Angular app is acceptable as long as the UI/UX closely matches Polaris guidelines in structure, behavior, and accessibility. Shopify allows non-React frameworks but still expects a Polaris-consistent experience. Minor design tweaks like color or sizing can lead to rejection if they noticeably deviate from Polaris’s look and feel, especially for core components like buttons, modals, and inputs. Keep all customizations subtle and ensure interactive elements behave identically to Polaris React counterparts to reduce the risk of another rejection.

Thanks!

3

  • The app has a basic seller panel only — used to:

    • Add products

    • View/manage listings

  • The rest of the app (frontend website) is not merchant-facing and does not use Polaris UI — only the “Sell” (add product) section is being updated to match Polaris UI/UX.

  • I plan to apply only minimal design changes (e.g., spacing or color tweaks) to fit layout needs without breaking Polaris consistency.

If I only redesign the seller panel (product listing/creation module) using Polaris-like UI via HTML/CSS — while the rest of the app stays custom — can my app still be approved on the Shopify App Store?

Beliri-06-11-2025_02_43_PM.png
Beliri-06-11-2025_02_43_PM.png1296×1470 141 KB

Screenshot.png
Screenshot.png1287×566 22 KB

Screenshot (1).png
Screenshot (1).png1283×635 26.7 KB