Testimony
Customer testimonial section examples with various layouts. Features carousel sliders, grid layouts, company logos, ratings, and customer quotes to build trust and credibility.
Style One
Carousel testimonial slider with auto-rotation. Features centered quotes, customer avatars, star ratings, and company information. Uses Nuxt Swiper Module for smooth transitions between testimonials.
This one requires the Nuxt Swiper Module.
npx nuxi@latest module add swiper
Then add it to your nuxt.config file.
export default defineNuxtConfig({
  modules: ["nuxt-swiper"],
  swiper: {
    /* module options */
  },
});
Style Two
Single centered testimonial with company logos. Features large quote display, customer details with avatar, star rating, and brand logos below for social proof.
Style Three
Side-by-side testimonial with customer image. Features large customer photo on the left, star rating at top, quote, and customer details. Responsive layout stacks vertically on mobile.
Style Four
Split layout with testimonial carousel. Combines static quote section with background image carousel slider. Features decorative SVG element and glass-morphism cards. Requires Nuxt Swiper Module.
This one requires the Nuxt Swiper Module.
Style Five
Three-column testimonial grid with cards. Features equal-height cards with star ratings, quotes, and customer avatars. Clean grid layout perfect for showcasing multiple testimonials.
Style Six
Two-column layout with stats and testimonials. Left side shows overall rating (4.9/5) and customer count with visual divider. Right side displays stacked testimonial cards with compact layout.
Style Seven
Large card container with four testimonials. Features bordered card wrapper with centered heading and 2x2 grid layout of detailed testimonials including company names.
Style Eight
Masonry grid layout with compact testimonial cards. Uses CSS columns for Pinterest-style staggered layout. Features multiple short testimonials with avatars and ratings in card format.
Team
Team member showcase components featuring avatars, bios, roles, and social links. Includes grid layouts, card designs, department sections, and statistics with Motion-v animations.
Tiptap Editor
Rich text editor blocks built with Tiptap featuring formatting toolbars, content editing, and grouped icon buttons. Perfect for blog posts, comments, documentation, and any content creation needs.