I built a library of Polaris wep component blocks

I’ve noticed there aren’t many Polaris resources or examples out there yet. So I decided to compile a library blocks built entirely with Polaris Web Components.

You can preview each block and copy-paste the code directly into your app. They follow Shopify’s design guidelines and work in embedded contexts.

It’s free to browse, but I have added a premium feature to view the source code of some blocks. I’m looking for feedback from other developers on which patterns would be most useful to add next.

Here’s the link: https://polarisblocks.dev/

Given how new Polaris Web Components are, I figured this might help anyone exploring them or migrating from the React-based Polaris version.

Let me know what you think! And please report any bugs.

5 Likes