Swiper Studio Templates

Ready-made slider designs you can customize and export to React, Vue, Next.js, HTML, Web Components, or Webflow. Pick a template, make it yours, and ship production-ready code in minutes.

Use Case Templates

Real-world slider designs for common website sections - hero banners, product carousels, testimonials, pricing tables, portfolios, team pages, and more.

Hero Banner

Full-screen hero slider with headline, CTA buttons and navigation.

Testimonials Carousel - Dark

Customer review cards with star ratings, quotes and avatars.

Testimonials Carousel - Light

Customer review cards with star ratings, quotes and avatars.

Product Showcase - Dark

Single product spotlight with image, price and shop button.

Product Showcase - Light

Single product spotlight with image, price and shop button.

Pricing Plans - Dark

Pricing tier cards with feature lists and CTA buttons.

Pricing Plans - Light

Pricing tier cards with feature lists and CTA buttons.

Travel Destination Cards

Destination cards with landscape photos, ratings and prices.

Products - Apparel

Fashion product cards with model photos, categories and prices.

Products - Tech Devices

Tech product carousel with large images, descriptions and prices.

Products - Tech Devices - Buttons

Compact tech product cards with category badges and prices.

News & Blog Cards - Dark

Blog article cards with cover images, categories and read time.

News & Blog Cards - Light

Blog article cards with cover images, categories and read time.

Portfolio Gallery

Full-screen portfolio slider with project titles and CTA buttons.

Team Members

Team member portrait cards with names and job titles.

Social Proof Wall

User quote cards with avatars and social media handles.

App Screenshots

Dark coverflow carousel for showcasing app UI screens.

Before / After - Home Renovation

Side-by-side before and after comparison slides.

Event Timeline - Dark

Company milestone timeline cards with images and date badges.

Event Timeline - Light

Company milestone timeline cards with images and date badges.

Now Streaming

Movie cards with poster art, ratings and genre badges using cards effect.

Polaroid Memories Cards - Dark

Polaroid-style photo cards with handwritten captions and cards effect.

Polaroid Memories Cards - Light

Polaroid-style photo cards with handwritten captions and cards effect.

Polaroid Memories Stack

Horizontal polaroid photo carousel with multiple slides per view.

2025 Year in Review

Full-screen annual recap presentation with parallax backgrounds.

Effects & Features

Templates showcasing specific Swiper effects and capabilities - cube, coverflow, panorama, shaders, creative transitions, responsive breakpoints, and more.

Cube Slider

Swiper with fixed size and "cube" effect.

Coverflow Slider

Swiper with 3D coverflow effect, responsive breakpoints and autoplay.

Cards Swiper

Fixed size Swiper with "cards" effect.

Panorama Slider

Images panorama slider with breakpoints and autoplay.

Shutters Slider

Full screen images slider with "shutters" effect.

Slicer Slider

Full screen images slider with "slicer" effect.

Shaders Slider

Swiper with unique SwiperGL module high performance WebGL image transitions.

Tinder Slider

Tinder card-style interactions and effects.

Creative Effect

Demonstration of the creative effect.

Material Slider

Material You carousel with material effect.

Cards Stack Slider

Credit cards stack slider carousel with cards stack effect.

Expo Slider

Slider with Expo effect.

Super Flow

Website header gallery with autoplay and parallax.

Header Gallery

Website header gallery with autoplay and parallax.

Movies Carousel Slider

Swiper with carousel effect and custom text contents.

Video Games Slider

Slider with custom titles, texts and images.

Neon Cards

Example slider with custom slides and content colors.

Credit Cards

Credit cards slider with vertical "cards" effect.

Developer Landing Page

Minimal landing page example showcasing content editor capabilities.

Default

Minimal Swiper with all parameters set to default.

Better defaults

Minimal Swiper with a bit tweaked defaults.

Breakpoints

Responsive breakpoints with different slides per view.

Custom Color Controls

Minimal Swiper custom color navigation and pagination.