Free Shopify theme snippets and Liquid tools

GeneratorShopify Announcement Bar GeneratorBuild a static, rotating or scrolling announcement bar and get it as a Shopify section you can edit in the theme editor.

GeneratorShopify Free Shipping Bar GeneratorShow shoppers how close they are to free shipping, with a progress bar that updates as the cart changes and handles other currencies.

GeneratorShopify Countdown Timer GeneratorAdd a sale deadline, daily shipping cutoff or per-visitor offer timer to Shopify as a section, with no app.

GeneratorShopify Color Swatches GeneratorTurn a Color option into clickable swatches on the product page or collection cards.

GeneratorShopify Trust Badges GeneratorShow the payment methods you actually accept, plus clean guarantee badges under Add to cart.

GeneratorShopify Estimated Delivery Date SnippetA business-day "arrives by" line that accounts for your cutoff time and holidays.

GeneratorShopify Sticky Add to Cart GeneratorA slim buy bar that appears once a shopper scrolls past your main Add to cart button.

GeneratorShopify WhatsApp Button GeneratorA floating WhatsApp button with a pre-filled message that includes the product and its link.

GeneratorShopify Line Item Properties GeneratorAdd text, dropdown, date and file-upload fields to a product form, with fields that only show when relevant.

GeneratorShopify FAQ Section GeneratorA zero-JavaScript FAQ accordion, with optional FAQPage structured data.

GeneratorShopify Product Badge GeneratorSale, New, sold out and your own tag-driven badges, on product cards and product pages.

GeneratorShopify Hide Price SnippetHide prices and Add to cart from anyone without the right customer tag, with a request-a-quote link.

GeneratorShopify Age Verification PopupA date-of-birth or yes/no age gate, remembered for repeat visits, scoped to the products that need it.

GeneratorShopify Marquee Section GeneratorA CSS-only scrolling strip for text or logos, that pauses for anyone who prefers reduced motion.

GeneratorShopify Store Locator GeneratorA location list with a click-to-switch map, no Google Maps API key needed.

GeneratorShopify Terms Checkbox GeneratorA cart-page checkbox that greys out Checkout until a shopper agrees to your policies.

GeneratorShopify Low Stock Counter Snippet"Only X left" that reads real inventory and updates per variant.

GeneratorShopify Cart Attributes GeneratorGift messages, delivery dates or "how did you hear about us" fields, saved straight to the order.

GeneratorShopify Password Page CountdownA coming-soon password page with a live countdown and an email signup, no app.

GeneratorShopify Custom Font Generator@font-face CSS for a font file you've uploaded yourself, outside Shopify's font library.

GeneratorShopify Breadcrumbs GeneratorA breadcrumb trail for product, collection and page templates, with BreadcrumbList markup.

GeneratorShopify Recently Viewed Products SnippetProducts a shopper looked at, rendered with your theme's own card markup through the Section Rendering API.

GeneratorShopify Before/After Slider SectionA drag-to-compare image slider for transformations, renovations or product results.

GeneratorShopify Snow Effect GeneratorSeasonal snow, confetti or hearts, on a schedule, that turns off for anyone who prefers reduced motion.

GeneratorShopify Metafield Liquid GeneratorPick the owner and type, and get the exact Liquid to display a metafield, with blank checks and list loops handled for you.

CheckerShopify Liquid FormatterPaste messy Liquid and get it re-indented and tidied up, right in your browser.

CheckerShopify Liquid ValidatorCheck Liquid against Shopify's stricter parser rules and get a line number for every issue.

GeneratorShopify Money Format HelperPreview a currency format, get its settings string, and copy a JavaScript port for anywhere Liquid can't reach.

GeneratorShopify Liquid Date Format BuilderPick a date style visually and get the exact date filter string, with a live preview.

GeneratorShopify Liquid PlaygroundRun Liquid in your browser against a sample product, cart and order, and see the rendered output instantly.

GeneratorShopify Theme Preview Link GeneratorTurn a store domain and theme ID into a shareable preview link and QR code that never expires.

CheckerShopify JSON Metafield Size CheckerCheck a JSON metafield's real, minified size against Shopify's 128KB limit before you save it.

CSV toolShopify Favicon GeneratorUpload a logo and get every favicon size Shopify needs, plus the theme.liquid tags to add them.

GeneratorShopify Admin API Access Token HelperBuild the client credentials request for a Dev Dashboard app as curl, Node or Python, with a scope checklist.

LookupShopify Sidekick Prompt LibraryReady-to-copy prompts for Shopify's built-in AI assistant, organized by task.

GeneratorShopify Webhook HMAC VerifierCompute and check a webhook's HMAC signature in your browser, with matching code for Node, PHP and Python.

AI writerAI Shopify Section GeneratorDescribe a section in plain English and get a Liquid section (or theme block) file with a schema that passes strict parsing.

AI writerShopify Custom CSS GeneratorDescribe a visual change (hide something, spacing, color, mobile only) and get valid CSS, scoped correctly and placed in the right file.

AI writerHTML to Liquid ConverterPaste HTML and CSS and get back a Shopify section, with its editable text, images and links pulled into the schema.

AI writerShopify GraphQL Query GeneratorDescribe what data you need in plain English and get an Admin API query or mutation, with pagination and cost notes.

AI writerShopify Flow Run Code GeneratorDescribe what a workflow step should work out and get the Input query, Output schema and JavaScript for Flow's Run code action.