https://shopify.dev/docs/storefronts/themes/best-practices/templates-sections-blocks
Building with sections and blocks
Learn how to add flexibility to your theme using theme components.
sections and blocksbuilding
https://tailgrids.com/blocks/page-titles
React Page Titles Sections and Blocks | Tailgrids UI
Page title blocks provide consistent headers for dashboard views. They help communicate page context, actions, and hierarchy clearly, improving navigation and...
sections and blockspage titlesreacttailgridsui
https://tailgrids.com/blocks/gallery
React Gallery Sections and Blocks | Tailgrids UI
Gallery blocks provide structured layouts for displaying images and visual assets inside applications. They are suitable for product previews, media libraries,...
sections and blocksreactgallerytailgridsui
https://tailgrids.com/blocks/product-categories
React Product Categories Sections and Blocks | Tailgrids UI
Product category blocks help group and highlight collections within a store. They guide users toward relevant sections of the catalog, improving navigation and...
sections and blocksproduct categoriesreacttailgridsui
https://tailgrids.com/blocks/cookies
React Cookies Sections and Blocks | Tailgrids UI
Cookie blocks help manage consent and privacy preferences inside applications. They present required information clearly while fitting naturally into modern UI...
sections and blocksreactcookiestailgridsui
https://tailgrids.com/blocks/shopping-cart
React Shopping Cart Sections and Blocks | Tailgrids UI
Shopping cart blocks present selected items, quantities, and totals clearly. They help users review and update purchases before checkout while maintaining a...
sections and blocksshopping cartreacttailgridsui
https://tailgrids.com/blocks/login-signup
React Login Signup Sections and Blocks | Tailgrids UI
This collection provides a versatile range of high-conversion authentication layouts—including split-screen, dark-themed, and minimalist centered designs—fully...
sections and blocksreactsignuptailgridsui
https://tailgrids.com/blocks/drawers
React Drawers Sections and Blocks | Tailgrids UI
Drawer blocks provide expandable panels for secondary actions and contextual content. They help keep dashboards clean while allowing users to access filters,...
sections and blocksreactdrawerstailgridsui
https://tailgrids.com/blocks/chat-boxes
React Chat Boxes Sections and Blocks | Tailgrids UI
Chat box blocks provide structured layouts for real-time messaging and support interfaces. They handle message flow, input areas, and conversation context,...
sections and blocksreact chatboxestailgridsui
https://tailgrids.com/blocks/e-commerce-footer
React E-Commerce Footer Sections and Blocks | Tailgrids UI
E-commerce footer blocks organize secondary navigation, trust signals, and store information. They help surface policies, support links, and brand details in a...
sections and blocksreactcommercefootertailgrids
https://tailgrids.com/blocks/data-stats
React Data Stats Sections and Blocks | Tailgrids UI
Data stats blocks highlight key metrics and performance indicators at a glance. They are designed for dashboards where quick insight matters, helping users...
sections and blocksdata statsreacttailgridsui
https://tailgrids.com/blocks/e-commerce-navbars
React E-Commerce Navbars Sections and Blocks | Tailgrids UI
E-commerce navbar blocks are built for product-heavy stores with complex navigation needs. They support categories, search, cart access, and account actions,...
sections and blocksreactcommercenavbarstailgrids
https://tailgrids.com/blocks/chat-list
React Chat List Sections and Blocks | Tailgrids UI
Chat list blocks organize conversations and contacts in a clear, scannable format. They help users quickly identify active chats, recent messages, and unread...
sections and blocksreact chatlisttailgridsui
https://tailgrids.com/blocks/widget
React Widget Sections and Blocks | Tailgrids UI
Widget blocks are modular dashboard elements designed to display focused information or actions. They help build flexible layouts where components can be...
sections and blocksreact widgettailgridsui
https://tailgrids.com/blocks/search-modal
React Search Modal Sections and Blocks | Tailgrids UI
Search modal blocks enable fast in-app search experiences. They help users quickly find pages, data, or features without navigating away, supporting keyboard...
sections and blocksreactsearchmodaltailgrids
https://tailgrids.com/blocks/blog-details
React Blog Details Sections and Blocks | Tailgrids UI
Blog detail blocks focus on long-form reading inside real products. They handle typography, spacing, author details, and supporting metadata while keeping the...
sections and blocksblog detailsreacttailgridsui
https://tailgrids.com/blocks/stats
React Stats Sections and Blocks | Tailgrids UI
Stats blocks help highlight key metrics such as usage, growth, or performance. They are designed to present numbers clearly and build credibility by...
sections and blocksreactstatstailgridsui
https://tailgrids.com/blocks/mega-menu
React Mega Menu Sections and Blocks | Tailgrids UI
Mega menu blocks are designed for products with large navigation systems. They help organize features, pages, and resources into clear, scannable layouts
sections and blocksmega menureacttailgridsui