Shopify Polaris Blocks

    Copy and paste production-ready Polaris blocks into your Shopify apps. Build faster with our comprehensive collection of UI blocks using the latest Polaris web components.

    Production-ready blocks

    Copy-paste Polaris blocks tested and used in real Shopify applications.

    Polaris web components

    Built using the latest Shopify Polaris web components.

    Developer experience

    Clean code that can be easily customized and extended.

    Regular updates

    New components and improvements added weekly.

    Featured Blocks

    All blocks are designed for seamless integration with your Shopify apps. Each block is crafted for usability, flexibility, and adherence to Polaris standards.

    Analytics Dashboard

    Dashboard

    Complete analytics dashboard with metrics, charts, and action items. Perfect for Shopify admin interfaces.

    Notification Center

    Dashboard

    Interactive notification panel with different message types, badges, and action buttons.

    Navigation Menu

    Navigation
    Premium

    Responsive navigation menu with icons and nested items. Great for app navigation and sidebar menus.

    Built for the Future of Shopify

    Polaris Web Components represent the cutting-edge evolution of Shopify's design system. As it continues to develop, our library will grow alongside it, providing you with the most up-to-date components and patterns for building exceptional Shopify apps.

    Get Started

    Works with Any Framework

    Just like Polaris Web Components, our blocks are designed to work seamlessly across different frameworks and vanilla JavaScript. Build your Shopify apps with the technology stack you prefer.

    React

    Examples included

    Ready-to-use React components with TypeScript support

    Vue

    Web components

    Compatible with Vue.js and the Composition API

    Angular

    Web components

    Works with Angular through web component integration

    And More

    Framework-agnostic web components work everywhere

    Svelte
    Next.js
    Remix
    Vanilla JS

    Join Our Community

    Connect with fellow Shopify developers, share your creations, and get help building amazing apps. Premium members get exclusive access to our Discord channel and priority support.

    Get Premium Access