sections.tsxFree Code Library

Ship faster with
production‑ready sections.

Copy‑paste Shopify sections built with Liquid, OS 2.0, and clean code. Free forever. No signup required.

25+

Sections

100%

Free

Signups

25 sections found

.liquid

.liquidshopify

Filter230

Advanced Variant Filter

Advanced variant filtering for Shopify products with customizable options and seamless integration.

Banner with Text

A simple banner section with text content

Brand Partners

Showcase your brand partners in a stylish and engaging way with this section.

Breadcrumb Banner

A simple and customizable breadcrumb navigation section for Shopify stores, allowing users to easily navigate back to previous pages.

breadcrumbbannerliquid

Breadcrumbs

A simple and customizable breadcrumb navigation section for Shopify stores, allowing users to easily navigate back to previous pages.

breadcrumbliquidbreadcrumbs

Product Card

Showcase your products in a stylish and engaging way with this section.

productliquidproduct card

Collection Grid

Display a grid of collections with customizable layout and styling options.

Collection Slider with Tabs

Display a collection slider with tab navigation for different collections, allowing users to switch between collections easily.

collectionliquidslider

Collection Slider

A responsive collection slider section for Shopify, allowing you to showcase multiple collections in a carousel format. Features include optional tabs for filtering collections, customizable slide counts and gaps for different screen sizes, autoplay, navigation arrows, pagination, and various styling options for the cards.

collectionliquidslider

Contact Info Cards

A Shopify section that displays contact information in a card format. Each card can include an icon, title, and description, making it easy for customers to find important contact details. The section is fully customizable, allowing you to add multiple cards and adjust their layout and styling.

contactliquidcontact-cards

Announcement Bar

A simple announcement bar section for Shopify stores, allowing you to display important messages or promotions at the top of your website.

announcementliquidpromotions

Custom Banner with Image

A customizable banner section for Shopify stores that allows you to display a banner with an image, heading, subheading, and a call-to-action button. Perfect for promotions or highlighting important information.

Footer

A customizable footer section for Shopify stores, allowing you to display important links, contact information, and social media icons at the bottom of your website.

Custom Services Card

A customizable services card section for Shopify stores that allows you to display a list of services with icons, titles, and descriptions. Ideal for showcasing the services your business offers in a visually appealing way.

serviceliquidservices

Explore Collection

A Shopify section that allows you to showcase a collection of products in an engaging and visually appealing way. Perfect for highlighting featured products, new arrivals, or seasonal collections.

collectionliquidproducts

Frequently Bought Sets

A Shopify section that displays frequently bought product sets, allowing customers to view and purchase related products together. Ideal for increasing average order value by showcasing complementary items.

productliquidfrequently bought

view code

.liquid

.liquidshopify

Image With Info Blocks143

Advanced Image with Info Blocks

A Shopify section that allows you to display an advanced image alongside multiple information blocks. Ideal for showcasing products, features, or services with detailed descriptions and visuals.

Hero Banner with Products

A Shopify section that features a hero banner with a selection of products. This section allows you to showcase your products prominently on your store's homepage, complete with images, titles, and pricing information.

Hero Banner

A Shopify section that displays a hero banner with customizable text, images, and call-to-action buttons. This section is ideal for highlighting promotions, new products, or important announcements on your store's homepage.

Hero with Info

A Shopify section that displays a hero banner with an additional information block. This section is perfect for showcasing key features, benefits, or promotional content alongside your main hero image.

Icon with Text

A Shopify section that displays an icon alongside text. This section is ideal for highlighting features, services, or key information with a visual representation.

Image Slider with Audio

A Shopify section that features an image slider with audio playback capabilities. This section allows you to showcase multiple images in a carousel format while providing an audio experience for your visitors.

image slideraudioliquid

Image Slider with Video

A Shopify section that features an image slider with video playback capabilities. This section allows you to showcase multiple images in a carousel format while providing a video experience for your visitors.

Show Product Cards Animation on Scroll

A set of product cards that utilize GSAP (GreenSock Animation Platform) for smooth animations and transitions. These cards can be used to showcase products in an engaging way, with hover effects and animated entrances.

productcardsgsap

view code