#25 New Commerce, Hero, and Editorial Templates in Swiper Studio
Last month we shipped 25 use case templates covering the most common slider patterns, then followed with 10 editorial and brutalist restyles to give the catalog a stronger point of view.
Today we are adding 25 more templates focused on the gaps that were still showing - real commerce diversity, more hero variations, hospitality, service businesses, editorial content, and lifestyle verticals like fashion lookbooks and weddings. Eighty-three templates total, organized by what you actually want to ship.
Every image was generated inside Swiper Studio with the AI image tools. About 150 generated images across the batch, no stock photography, no shoots - just prompts and a cohesive visual language per template.
Browse the full catalog at Templates or read on for a tour by category.
#Commerce - Seven Templates Where Real Swiper Usage Lives
Product carousels are the single most common reason teams reach for Swiper. The previous catalog had a few generic product templates. This batch fills out the categories shoppers actually browse.
#Related Products
Related Products - A compact "You may also like" carousel for product detail pages. Eight square cards with name, price, and an optional sale tag, scaling from 2.2 cards on mobile to 4.5 on desktop. Inter for UI plus Fraunces for product names. Drop it under any PDP.
#Product Gallery - Single Product
Product Gallery - Single Product - The detail view itself. Six angles of the same premium leather sneaker - front three-quarter, side, top-down, sole macro, lifestyle, packaging - using a fade transition with parallax on the close-ups. Built for PDPs that want their photography to do the selling.
#Beauty & Cosmetics
Beauty & Cosmetics - An editorial cosmetics carousel for serums, balms, and oils. Powder pink and terracotta accents, Cormorant Garamond italic display, six slides covering a collection cover and five product cards. The pastel-warm mood that beauty brands actually want.
#Jewelry & Luxury Watches
Jewelry & Luxury Watches - Macro-driven luxury jewelry on off-black with champagne gold accents. Six slides hero a watch, a tennis bracelet, a signet ring, drop earrings, a layered necklace, and the watchmaker's hands at work. Italiana display, fade transitions at 800ms, parallax enabled.
#Sneaker Drop
Sneaker Drop - Bold streetwear sneaker drop with creative-effect transitions. Archivo Black for headlines, Space Mono for size runs, neon orange and lime accents on near-black. Six slides covering a drop cover, four colorways, and a launch CTA. For Friday-at-noon sneaker releases.
#The Fold - Furniture Collection
The Fold - Furniture Collection - An editorial furniture carousel. Linen background, warm black, caramel oak accents, Fraunces display with Inter body. Seven slides cover a collection cover, five hero pieces (lounge chair, credenza, vase, floor lamp, sofa), and a Reserve CTA. Parallax on every image.
#Wine Shop
Wine Shop - A wine merchant carousel with bottles, vineyards, and tasting notes. Burgundy and vintage gold on espresso, Playfair Display italic, fade hero slides into bottle cards. Seven slides span a Vintage 2018 cover, a Tuscan vineyard, four bottles (Bordeaux, Burgundy, Tuscany, Oregon), and a membership CTA.
#Hero & Marketing - Five New Variations
Hero sliders are one of the most reached-for templates in the catalog. The existing options covered the basics. These five fill in the variations real teams ask for.
#Hero - Video
Hero - Video - Full-bleed cinematic hero with motion-feel stills and one CTA per slide. The four AI-generated images are placeholders for real video files you can swap in via the media panel. Space Grotesk display on near-black with a warm orange accent. Built for product launches and brand homepages.
#Hero - Split Screen
Hero - Split Screen - Half text, half image. Five slides with a column of editorial copy paired with a portrait image, all on off-white with a forest green accent. Instrument Serif display plus Inter UI. The cleanest possible studio homepage.
#Hero - SaaS Screenshot
Hero - SaaS Screenshot - A SaaS marketing hero with product UI dominant. The included images are abstract dashboard renders meant as placeholders for your real product screenshots - swap them in once your UI is ready. Deep indigo background with a purple-to-pink gradient brand and JetBrains Mono labels.
#Hero - App Launch
Hero - App Launch - Mobile app launch hero with phone mockups front and center. Cream background, black CTAs, a small red accent dot, DM Sans plus DM Mono. Five slides cover a beta announcement, three feature highlights, and an App Store CTA. Built for indie launches and waitlist pages.
#Hero - Editorial Minimal
Hero - Editorial Minimal - Fashion-magazine slim hero with a partial preview of the next slide. Cormorant Garamond italic display on bone with a claret accent, IBM Plex Mono labels, parallax. Five slides for an issue cover, a cover story, two featured shoots, and a subscribe CTA.
#Hospitality & Travel - Three Templates for Place-Driven Brands
#Hotel & Resort Showcase
Hotel & Resort Showcase - A boutique luxury resort carousel. Sand and sage palette with deep umber type, Cormorant Garamond display, fade with parallax. Seven slides walk through the property, suite, dining, pool, spa, beach, and reservation CTA.
#City Guide - Lisbon 72 Hours
City Guide - Lisbon 72 Hours - A three-day itinerary card carousel. Eight slides cover the cover, day-by-day morning and evening picks, a Where to Stay slide, and a Save the Guide CTA. Fraunces display with IBM Plex Mono day labels. Adapt to any city - Tokyo, Mexico City, Marrakech, Porto.
#Tours & Experiences
Tours & Experiences - Bookable activity cards. Six slides covering a header and five tours - Marrakech medina food walk, Iceland glacier hike, Kyoto tea ceremony, Tuscan vineyard cycle, Patagonia stargazing - with name, duration, group size, and price. For tour operators and experience marketplaces.
#Service Businesses - Three Templates for Local and Studio Brands
#Fitness Classes
Fitness Classes - Bold gym class schedule carousel. Electric lime accents on black, Archivo Black display, Space Mono for times. Seven slides for a brand cover, five class cards (HIIT, yoga, cycle, strength, mobility), and a membership CTA.
#Spa & Wellness Services
Spa & Wellness Services - A calm spa menu. Oat and taupe palette, Cormorant Garamond italic, fade transitions at 1000ms. Seven slides cover the brand cover, massage, facial, sauna ritual, couple's package, membership, and a Book CTA. The opposite of a busy local services page.
#Barbershop
Barbershop - A heritage barbershop carousel. Deep brown background with cream and chestnut accents, Playfair Display, IBM Plex Mono price list. Seven slides include a brand cover, a cuts pricelist, hot shave, beard care, a master barber portrait, the shop interior, and a Book Chair CTA.
#Editorial & Content - Four Templates for Content-Driven Sites
#Recipes
Recipes - A recipe card carousel. Cream background with terracotta and deep green accents, Fraunces italic display, six recipe cards with hero photos, cook time, servings, and quick or vegetarian badges. Built for food blogs and meal-plan products.
#Music Albums
Music Albums - An album browse stack using the cards effect. Six square covers stack like vinyls, each with a Bebas Neue album title, IBM Plex Mono artist name, and year. A vermilion accent picks out the play link. Genres mixed for visual variety - moody portraits, sunset gradients, sepia Americana, neon synthwave.
#Online Course
Online Course - A lesson card carousel for course landing pages. Off-white background with electric blue and a yellow highlight, Inter plus JetBrains Mono lesson numbers. Eight slides cover a course cover, six lessons (with a free preview tag on lesson one), and an Enroll CTA.
#Conference Speakers
Conference Speakers - A tech and design conference speaker lineup. Near-black with electric lavender and signal orange rim lights, Space Grotesk display, JetBrains Mono talk titles. Eight slides cover a conference cover, six speaker portraits, and a Get Tickets CTA.
#Lifestyle & Niche - Three Image-Forward Templates
#Fashion Lookbook
Fashion Lookbook - Tall portrait lookbook with editorial imagery. Bone background with an oxblood accent, Cormorant Garamond italic, IBM Plex Mono look credits. Seven slides cover an A/W 2026 cover, five looks, and a Shop the Looks CTA. Creative-effect transitions with subtle scale and parallax.
#Wedding & Event
Wedding & Event - A wedding venue and event timeline carousel. Cream and espresso with warm gold and sage accents, Cormorant Garamond italic, fade with parallax. Seven slides walk through a couple's cover, venue, ceremony, reception, dinner table detail, first dance, and an RSVP CTA.
#Photo Gallery - Minimal
Photo Gallery - Minimal - A pure image-only carousel with parallax. Jet background, IBM Plex Mono captions only at 12px, fade at 1200ms. Seven full-bleed photographs with a small bottom-corner caption like "01 - Reykjavik, 2024 - 35mm". No headlines, no buttons, just photographs.
#Why This Batch
The previous catalog leaned generic and broad. This one leans specific.
Heavy on commerce - seven templates because that is where real Swiper usage lives. A related-products strip is a different design problem from a multi-angle product gallery, and both are different from a streetwear drop. The catalog now reflects that.
Variations on high-demand patterns - five hero variations because hero is the single most-customized template in the catalog. Editorial-minimal, video-led, split-screen, SaaS, and app launch each solve a different positioning problem.
Real verticals, not stock industries - hotel, city guide, tours, fitness, spa, barbershop, wedding, fashion lookbook. Each one designed end-to-end with a palette, font pairing, slide arc, and real content placement that matches the work the audience actually does.
#Every Image Generated With AI
All ~150 images across the twenty-five templates were created with the AI image tools built into Swiper Studio. Macro shots of luxury watches on velvet. A lone yellow raincoat on Iceland's black sand beach. Eight square product shots on identical cream paper backdrops for the related-products strip. Editorial portraits with carefully placed rim lights for the conference speakers.
Building a coherent twenty-five-template batch this way takes a single afternoon and a credit budget, not a week of stock-photo hunting or a photographer on retainer. Every image is a prompt away from being regenerated to match your own brand.
#How to Use a Template
- Open your dashboard at /projects
- Click New Project and choose one of the new templates to start from
- Swap content, adjust colors, regenerate images, tweak breakpoints
- Export to React, Vue, Next.js, HTML, Web Components, or Webflow - or publish to CDN
#Works With AI Agents
If you have connected an agent through the MCP server, templates pair beautifully with prompt-driven customization. Open a template, ask the agent to rewrite the copy for your brand, regenerate the hero image with a tighter prompt, swap the palette - and let it handle the editing. Templates plus agents is the fastest path from a blank idea to a finished slider.
#More on the Way
Eighty-three templates feels like enough range to start most projects from. Next we are looking at data-driven sliders (charts, dashboards, KPI reels), longer-form storytelling layouts, and a few more industry-specific designs. If there is a template you would like to see, let us know.
Explore the full catalog at Templates and start building.
