Panely sections for Shopify, with live demos

128 sections in 8 categories, each in several designs. Every demo on these pages is rendered by the same engine as the Panely editor, so what you see is what goes on your store.

Library last updated 18 October 2026.

Panely is a library of theme sections for Shopify: FAQ accordions, countdown timers, bundle builders, comparison tables, popups, sliders, charts and more. You pick a section, style it in the app with a live preview, and place it in any Online Store 2.0 theme with one app block. Your theme’s code is never edited.

The sections are organised by shape, not by purpose. One icon and text row serves features, guarantees, care steps and delivery terms, depending on what you type into it. Pick a category to see every section in it running live, switch between its designs, and see every setting you can change.

20 sections · 6 Premium

Data Shaped

Sections that give numbers, places and dates a proper shape: charts, counters, timelines, a map with pins, calendars and clocks. You type the values, and the section draws them.

Availability calendar · Bubble Chart · Changelog · Chart · Clock · Comparison Chart · Current date · Data Table · Heatmap · Horizontal timeline · Leaderboard · Map with pins · Nutrition Facts · Progress meters · Radar Chart · Roadmap · Size Chart · Stat counters · Sustainability Stats · Vertical timeline See the demos →
15 sections · 2 Premium

Forms & capture

Contact and sign-up forms, popups, drawers, sticky bars and prize games. Every form submits to Shopify itself, never to a third-party server.

Appointment Request · Email Capture Card · Feedback Widget · Floating Signup Button · Inline form · Multi step form · Newsletter Hero · Poll · Popup · Request a Quote · Request a Sample · Scratch card · Slide in drawer · Spin to win · Sticky bar See the demos →
15 sections

Grids

Grids that go beyond equal columns: mixed-size bento cells, masonry, collages, grids you filter with chips, and tables for comparing products or plans.

Filterable grid · Bento grid · Mosaic collage · Comparison table · Pricing tiers · Masonry grid · Feature Grid · Image Grid · Logo Grid · Lookbook Grid · Portfolio Grid · Spotlight Grid · Table Maker · Team Grid · Video Grid See the demos →
24 sections · 13 Premium

Interactive

Sections shoppers open, switch, drag and answer: an FAQ accordion, tabs, a countdown timer, a product quiz, a before/after slider, image hotspots and more. Most of them work without JavaScript.

Before / After Slider · Countdown Timer · Accordion · Expandable read more · Tabs · Multi Step Quiz · Mega Menu · Lightbox Gallery · Flip Cards · Hover Reveal · Image Hotspots · Toggle Switch · Choose Your Path · Cursor Reactive Background · Image Distortion Explorer · Interactive Spotlight · Liquid Distortion · Magnetic Cards · Mouse Parallax Scene · Physics Based Objects · Pricing Calculator · Puzzle · ROI Calculator · Savings Calculator See the demos →
19 sections · 4 Premium

Motion & carousel

Sections that move: a full-width slideshow, a seamless logo marquee, a ticker strip, cards you flick through and a gallery that travels sideways as the page scrolls.

Draggable Card Stack · Circular Carousel · Circular Text Marquee · Coverflow Carousel · 3D Cube Slider · Diagonal Marquee · Filmstrip Carousel · Gravity Cards · Liquid Slider · Infinite Marquee · Orbit Carousel · Perspective Gallery · Scroll Triggered Gallery · Scroll Controlled Story · Advance Slideshow · Swipe Deck · Ticker Strip · Vertical Marquee · Wave Marquee See the demos →
12 sections

Overlay & split layouts

The big, page-defining layouts: hero banners with text over an image or a video, split screens, angled splits, sticky-scroll stories and cards that break their own grid.

Blob Split · Diagonal Split · Foreground Cutout · Frame Breaker · Glass Overlay · Text Over Image · Layered Hero · Offset Cards · Split Screen · Sticky Scroll · Text Over Video · Zigzag Split See the demos →
6 sections · 6 Premium

Product structures

Sections built from your own catalogue: a bundle builder, product grids and carousels, quick-add rows, a single product with swatches, and a 3D viewer.

Bundle Builder · Product Carousel · Product Grid · Quick Add Rows · 3D Product Viewer · Single Product See the demos →
17 sections · 5 Premium

Typographic treatments

Sections made of words, set well: customer reviews, an icon row for features and guarantees, checklists, numbered steps, a pull quote and one big statement.

Oversized Statement · Checklist · Interactive Glyph Explorer · Icon And Text · Kinetic Typography Hero · Masked Typography · Multiple Reviews · Numbered Steps · Single Quote · Section heading · Text Distortion · Text Morphing · Typography Loading Screen · Animated Underline Showcase · Vertical Typography · Word Animation · Interactive Word Cloud See the demos →

How to add a Panely section to your Shopify store

  1. Install Panely from the Shopify App Store. It works with Online Store 2.0 themes, and your theme files are never edited.
  2. Pick a section and press Add. Choose a design, and change the settings in the editor with a live preview beside them. You get a short section code.
  3. Place it once. In the theme editor, add the Panely block where you want the section, and paste the code into its Section code field.
  4. Edit any time. Change the section in Panely and save. Your store shows the change on its next page load, with nothing to paste again.

Each Add is its own copy with its own settings, so you can use the same section on as many pages as you like. Panely must stay installed for its sections to show. If you uninstall, they disappear, and your theme is left exactly as it was.

Start building with Panely

Install Panely from the Shopify App Store, pick a section and place it in your theme in a couple of minutes. A free plan is available.