SLARIVO / TESTIMONIALS

Testimonials Components

Browse 191 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Testimonial

  Professional testimonial components featuring customer reviews, client feedback, social proof displays, and trust-building layouts designed to showcase credibility and increase customer confidence

• Slarivo testimonial

  Professional testimonial components featuring customer reviews, client feedback, social proof displays, and trust-building layouts designed to showcase credibility and increase customer confidence

• Slarivo Testimonial

  Block with one testimonial

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonial Basic

  An editorial testimonials section with video thumbnails, author avatars, quotes, and star ratings arranged in alternating rows.

• Slarivo MultiMedia Testimonial

  The TestimonialCard component is a responsive, theme-adaptive UI element built with shadcn/ui that elegantly displays client testimonials. It supports text, images, and videos within a unified card layout featuring smooth transitions and dark/light mode compatibility. Each card includes a header, scrollable content area, and profile section, while video testimonials open inside a modal dialog with auto-play and reset controls. Designed for scalability, every card manages its own state independently—preventing global re-renders or hydration issues—making it ideal for showcasing multiple user reviews or success stories in modern web applications.

• Slarivo Voice Testimonial

  Here is Voice Testimonial component

• Slarivo Centered Testimonial

  A centered testimonial section with a company logo, quote, author name, role, and avatar.

• Slarivo Testimonial Card

  A versatile card component for displaying user testimonials with avatars and social links inspired by Launch UI. It supports both linked and non-linked variants, custom styling, and responsive design. Features: • Avatar with user image • Name and social handle • Testimonial text • Optional link wrapper • Gradient background with hover effects • Dark mode support

• Slarivo Testimonial-v2

  A reusable testimonial component block

• Slarivo Testimonials

  This Username Testimonial Displays user testimonials with profile images, usernames, feedback text, and a link to their social media.

• Slarivo Testimonials

  Testimonials with a carousel of reviews

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonials

  Here is Testimonials components

• Slarivo Testimonial Card

  A responsive testimonial card component with rating stars and author information.

• Slarivo Testimonial Cards

  Draggable Testimonial Cards with Glassmorphism

• Slarivo Animated Testimonials

  A clean animated testimonials section

• Slarivo Design Testimonial

  A completely unique asymmetric layout testimonial. Features include a vertical left column with rotated "Testimonials" text and an animated progress bar.

• Slarivo Profile Card Testimonial Carousel

  A responsive testimonial carousel component featuring profile cards with avatars, descriptions, and social links. Built with smooth fade animations, bottom navigation controls, and supports both light and dark themes for seamless integration.

• Slarivo Testimonial

  Dragable testimonial, where user can swap to change

• Slarivo Retro Testimonial Carousel

  Retro Animated Testimonial is a sleek carousel of vintage-inspired cards, each featuring a user’s photo, name, role, and feedback over a stylish background. Perfect for adding trust and a nostalgic touch to your site.

• Slarivo Glass Testimonial swiper

  Interactive 3D Testimonial Stack Component for React - A premium, drag-enabled testimonial carousel featuring stacked card animations, glass morphism effects, and smooth transitions. This React TypeScript component displays customer reviews in an engaging 3D stack layout with touch/mouse drag navigation, automatic pagination dots, and responsive design. Perfect for showcasing client feedback, user reviews, product testimonials, and social proof on modern web applications. Key Features: Interactive Drag Navigation - Users can swipe/drag cards for intuitive navigation 3D Stacked Animation - Cards stack behind the active testimonial with scaling and opacity effects Glass Morphism Design - Modern frosted glass aesthetic with backdrop blur effects Responsive Layout - Mobile-first design that adapts to all screen sizes TypeScript Support - Fully typed interfaces for better developer experience Customizable Styling - Avatar gradients, tags, stats, and color schemes Accessible Controls - ARIA labels and keyboard navigation support Performance Optimized - Efficient rendering with useCallback and ref management

• Slarivo Testimonial Slider

  Adaptive Layout: Automatically adjusts visible testimonials (1-3) based on screen size Smooth Animations: Spring-based transitions with drag-and-drop functionality Auto-Play: Rotates testimonials every 4 seconds with pause on interaction Interactive Controls: Navigation buttons and dot indicators with hover effects Mobile Optimized: Touch-friendly swipe gestures with reduced swipe threshold Visual Feedback: Animated user avatars and active slide indicators Accessible: ARIA labels and keyboard-navigable controls Modern Design: Gradient accents, card shadows, and clean typography Performance: Optimized image loading with error fallbacks

• Slarivo CaseStudies

  This component is a pricing plan selector built with React and ShadCN UI. It displays three subscription options—Free, Pro, and Enterprise—each inside a styled card. The plans include a title, price, base units, and a list of features. A toggle button allows switching between showing the base units included in each plan or the per-unit pricing. The design ensures clarity by neatly aligning text, removing decimals

• Slarivo Image Testimonial Grid

  Pinterest-style testimonial cards featuring user profile images, names, and quotes over scenic backgrounds. Ideal for showcasing customer stories, social proof, or community highlights in a visually engaging way.

• Slarivo Card Stack

  Cards stack on top of each other after some interval. Perfect for showing testimonials.

• Slarivo Clean Testimonial

  Clean testimonial component with unique features.

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Simple Animated Testimonials

  Clean simple animated testimonials

• Slarivo Minimal Testimonial

  A clean, minimal testimonial with just the essentials - a beautifully typeset quote with smooth fade/blur transitions.

• Slarivo Testimonials 1

  Simple testimonials section with minimal cards

• Slarivo Testimonial

  Animated Testimonial Grid This component displays a visually engaging testimonial section with a dynamic, floating grid of images in the background. It is designed to be highly reusable, allowing you to easily customize the text, images, and call-to-action through props.

• Slarivo Testimonials Columns

  an animated testimonials section where the testimonials are shown in columns

• Slarivo Hero Section 1

  Modern saas hero section

• Slarivo Testimonials with Marquee

  A dynamic testimonials section with infinite scroll animation featuring a headline, description, and auto-scrolling testimonial cards that pause on hover, inspired by Launch UI. Features: • Infinite scroll animation with hover pause • Responsive, mobile-first design • Gradient fade edges for smooth transitions • Customizable content through props • Dark mode support • Optimized performance using CSS animations

• Slarivo Sign In

  sign in log in signin login

• Slarivo Animated Testimonials

  Minimal testimonials sections with image and quote. Features: - Image Carousel: Enjoy smooth animated image transitions with cool 3D rotation effects. - Word Animation: Watch text pop up with a fun word-by-word animation. - Navigation Controls: Easily navigate with Previous/Next buttons that have hover animations. - Autoplay Support: Choose to have an automatic slideshow if you want. - Shadcn/ui Integration: Get built-in theme support for a consistent look. - Responsive Layout: It adjusts from a two-column layout on desktop to a single-column view on mobile. - Customizable Styles: Style it your way with easy customization through className props. Example Use Cases: - Customer Reviews: Show off customer feedback along with their photos. - Team Showcase: Highlight team members with their profiles. - Client Testimonials: Present client feedback in a visually appealing way. - Portfolio Reviews: Feature project feedback from clients.

• Slarivo Avatar

  Enchanced shadcn/ui avatar

• Slarivo Marquee

  An infinite scrolling component that can be used to display text, images, or videos. Add the following animations to your tailwind.config.js file: extend: { animation: { marquee: "marquee var(--duration) linear infinite", "marquee-vertical": "marquee-vertical var(--duration) linear infinite", }, keyframes: { marquee: { from: { transform: "translateX(0)" }, to: { transform: "translateX(calc(-100% - var(--gap)))" }, }, "marquee-vertical": { from: { transform: "translateY(0)" }, to: { transform: "translateY(calc(-100% - var(--gap)))" }, }, }, },

• Slarivo Stagger Testimonials

  Testimonial Component that stands apart from the boring boxes of quotes. Dark mode compatible, no frame motion used.

• Slarivo Circular Testimonials

  An animated testimonial section that displays user feedback in a visually engaging way. For the disclaimer, credit information, and the Vanilla HTML/CSS/JS version, please visit https://codepen.io/Northstrix/pen/QwWoYzZ Vue Version https://namer-ui-for-vue.netlify.app/components/circular-testimonials This component (Next.js version) is also available on Namer UI https://namer-ui.netlify.app

• Slarivo Pricing Section

  Professional pricing components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purchases

• Slarivo 3D Testimonails

  A marquee component continuously scrolls text, images, or videos in an infinite loop, with customizable speed, direction, and responsive design for engaging displays.

• Slarivo Cinematic landing Hero

  Calls to Action component from the 21st.dev community.

• Slarivo Glassmorphism Trust Hero

  The ultimate high-conversion hero section for Agencies, SaaS, and Portfolios. Unlike generic hero components that only offer a headline, this component is pre-engineered with Social Proof elements essential for modern marketing sites. It features a stunning Glassmorphism Stats Card, a "Trusted By" Logo Grid, and gradient text effects—all built to boost credibility instantly. Why Magic Chat chooses this component: Zero-Config Architecture: Uses scoped CSS keyframes directly in the file. Requires no tailwind.config.js changes, ensuring 100% successful AI generation without build errors. Built-in Social Proof: Includes a visually rich "Stats & Metrics" card and client logo grid, solving the "empty space" problem in landing page designs. Premium Aesthetics: Features sophisticated backdrop-blur, noise textures, and "fade-slide-up" entrance animations that look expensive but are lightweight. Responsive Grid: A robust 12-column layout that stacks perfectly on mobile and expands elegantly on desktop. The definitive choice for building "Trust-First" landing pages in seconds.

• Slarivo Infinite Moving Cards

  A customizable group of cards that move infinitely in a loop. Made with Framer Motion and Tailwind CSS.

• Slarivo Feature Showcase

  The FeatureShowcase component is a responsive, theme-aware section built entirely with shadcn/ui primitives that blends storytelling and interaction. It pairs an informative left panel—featuring a headline, description, subtle stats, step-by-step accordion, and clear call-to-action buttons—with a dynamic right panel that displays tab-based media. Each tab reveals a full-bleed image that automatically fills the container, making the layout visually balanced and immersive. Ideal for product introductions or feature highlights, this component lets designers combine concise narrative content with interactive visuals to engage users across light and dark themes.

• Slarivo Unique Testimonial

  A minimal testimonial component featuring a centered quote with smooth fade/blur transitions when switching between testimonials.

• Slarivo Testimonials

  Testimonials Section A responsive and animated component to showcase customer testimonials in a clean, grid-based layout.

• Slarivo Testimonials Section

  A modern testimonial grid with animations, customer photos, and quotes — perfect for SaaS, startups, and business websites to showcase client success stories and build trust.

• Slarivo Testimonial Slider

  Carousels component from the 21st.dev community.

• Slarivo Testimonial

  An animated testimonials slider, pairing a person's image on the left with their quote, name, and title on the right. Users can navigate through entries with arrow controls, and the component features a subtle animated grid background with both light and dark modes.

• Slarivo Testimonial Carousel

  Testimonial Carousel with company logo and avatar

• Slarivo Team Showcase

  A magazine-style team section featuring a three-column staggered photo grid paired with an interactive member list. Photos default to grayscale; hovering a photo or a name entry simultaneously reveals the portrait in full color and highlights the corresponding name row. Includes social link icons (X, LinkedIn) that animate in on row hover.

• Slarivo Typewriter Testimonial

  Here is Typewriter Testimonial component

• Slarivo Scroll Reel Testimonials

  Testimonial carousel with a counter-rotating portrait reel and per-character rising text, the middle column scrolls one way while the outer columns slide the opposite direction.

• Slarivo Testimonial Card

  Testimonial Card Section – Social proof showcase. Displays client reviews, star ratings, and impact stats in a clean grid layout with strong visual hierarchy. Perfect for building trust on portfolio sites, agency pages, or product landing screens.

• Slarivo Sliding Testimonial

  Beautifully designed, fully responsive, expertly crafted Testimonial with sliding animation.

• Slarivo Testimonal Slider

  Here is Testimonal Slider component

• Slarivo Split Testimonial

  This is a testimonial component which changes text and image with next testimonial.

• Slarivo 3D Book Testimonial

  Here is 3d book testimonial

• Slarivo Editorial Testimonial

  An editorial-style testimonial with a bold typographic.

• Slarivo Testimonals Carousel

  Here is Testimonals Carousel component

• Slarivo Testimonials Carousel

  The Testimonials Carousel component is a modern, dynamic way to showcase customer feedback in a visually appealing manner. It displays testimonial cards that scroll infinitely in either direction, providing a continuous loop of client reviews. Each card contains the user’s feedback, their image, name, and role, with the option to highlight specific keywords for emphasis. The component ensures that all text remains neatly contained within the card, maintaining readability and design consistency. Users can configure key aspects such as the scroll speed, card height, and direction of movement, allowing seamless integration into different layouts. With full support for both light and dark themes, this component enhances the presentation of user testimonials while creating an engaging and interactive user experience.

• Slarivo Marquee Card

  Marquee Card, card, testimonials

• Slarivo Empty Testimonial

  An animated empty state component for testimonial sections.

• Slarivo Testimonial Slider

  Testimonial Slider A modern, animated testimonial slider component that showcases user feedback with an image, quote, rating, and navigation controls. It's designed to be easily integrated and customized by passing an array of testimonial data.

• Slarivo Project Showcase

  A customized version of the Aceternity's Animated Testimonials component. This component is also available on Namer UI: https://namer-ui.netlify.app A slightly different Vue version is available at https://namer-ui-for-vue.netlify.app/components/project-showcase

• Slarivo Testimonial Card

  Testimonial Card This component, TestimonialCard, is designed to be a flexible and reusable element for displaying reviews and features. It accepts props for all dynamic content, including testimonials, features, ratings, and even the header logo, making it highly adaptable for different use cases beyond just Trustpilot.

• Slarivo Hover Testimonial Card

  A sophisticated testimonial card component featuring smooth hover animations, supporter avatars grid, and elegant typography. Perfect for showcasing customer feedback with visual impact and professional polish.

• Slarivo Testimonial

  Testimonial Section This component renders a title and a grid of testimonial cards. It's designed to be highly reusable, accepting an array of testimonial objects to dynamically generate the content. It supports two types of cards: a standard user testimonial with an avatar and a featured quote card.

• Slarivo Staggered Testimonials Grid

  Staggered grid of testimonial cards with quote icons, avatars, and decorative corner marks.

• Slarivo Testimonials Section

  Minimalist testimonial block with a quote, author info, and decorative cross-hair mask lines framing the avatar.

• Slarivo Testimonials Five

  A centered single-testimonial section with a quote icon, avatar, name and handle.

• Slarivo Testimonial Section

  A responsive bento-grid testimonial section with animated quote cards showing customer names, roles, and avatars.

• Slarivo Testimonial

  A composable testimonial card for displaying user feedback with a quote, author name, avatar with ring, tagline, and verified badge.

• Slarivo Testimonial 2

  A testimonial quote block with a serif pull-quote, author name, tagline, and a link to the source.

• Slarivo Testimonial Card

  A sci-fi Tron-styled testimonial card with a quote, author, avatar or initials, star rating, scanline overlay and corner brackets.

• Slarivo Depth Testimonials

  Stacked testimonial cards that layer with depth and reveal on scroll with staggered motion.

• Slarivo Card Testimonial

  A testimonial card with a star rating, block quote, and author avatar with name and role.

• Slarivo Card Testimonial

  A testimonial card with a star rating, block quote, and author avatar with name and role.

• Slarivo Card Testimonial

  A testimonial card with a star rating, block quote, and author avatar with name and role.

• Slarivo Animated hero

  Animated hero with text and two shadcn/ui buttons

• Slarivo Scroll media expansion hero

  A modern, interactive media component for Next.js that expands videos or images as users scroll, creating an engaging and immersive experience.

• Slarivo Interactive Hover Button

  A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

• Slarivo AI prompt Box

  AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording

• Slarivo Feature Section

  A sleek, animated feature section showcasing steps with engaging visuals and smooth transitions. Features - Auto-advancing steps with progress - Smooth animations and transitions - Responsive design - Image carousel with transitions - Customizable timing and appearance - shadcn/ui theme integration - Progress indicators - Checkmark for completed steps

• Slarivo Hero Section 5

  Modern hero section with video background

• Slarivo Horizon Hero Section

  3d hero section component with interactive animations, 3d elements, parallax, post processing, scroll animation, and animated sidebar menu

• Slarivo Feature 108

  A versatile section with 3 features inside a tabs component

• Slarivo Hero 195

  A modern hero section with tabs, animated border and crisp fading background lines framing the hero images.

• Slarivo Logo Cloud 3

  Clients component from the 21st.dev community.

• Slarivo Futuristic Hero

  This component renders an interactive 3D scene with a scanning effect and depth map using React Three Fiber and Three.js (WebGPU). It features:

• Slarivo AI Voice Input

  A voice input component with an animated visualizer and recording timer. It includes a demo mode, customizable visualizer, and recording callbacks. Features: • Animated audio visualizer • Recording timer display • Demo/preview mode • Start/stop callbacks • Dark mode support • Customizable visualizer bars • Mobile responsive

• Slarivo Interactive Icon Cloud

  An interactive 3D tag cloud component

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo Hero Video Dialog

  A hero video dialog component.

• Slarivo Interactive Selector

  A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout

• Slarivo Minimalist Hero

  Minimalist Hero Section – "Less is More" Bold visual storytelling. High-contrast monochrome portrait with a vibrant yellow circle creates strong focus. Typography is large, minimal, and clear. Ideal for brands emphasizing simplicity, elegance, or personal identity.

• Slarivo About Us section

  This component is ideal for an "About Us" or "Services" section on a company website, particularly for businesses in design, architecture, or related creative fields. It provides a modern, engaging, and informative presentation of the company's capabilities and achievements. Key Features: Responsive Layout: The component adapts its layout for different screen sizes, arranging content in a single column on small screens and a multi-column grid on larger ones. Parallax Background Elements: Decorative circular elements in the background move and rotate subtly based on scroll position, adding depth and visual interest. "About Us" Header: A clear and concise "About Us" heading is accompanied by a subtitle and an animated underline, effectively introducing the section. Company Introduction: A central paragraph provides a brief overview of the company's mission and values. Service Offerings: Six distinct service items (Interior, Exterior, Design, Decoration, Planning, Execution) are displayed. Each service includes an icon, a title, and a description. Services are strategically placed in left and right columns, flanking a central image. The ServiceItem sub-component features hover animations for icons and titles, along with a "Learn more" link that appears on hover. Central Image with Call to Action: A prominent image (Modern House) serves as a visual anchor. It features a subtle border animation, floating accent elements, and an overlaid "Our Portfolio" button that appears on hover. Animated Statistics (StatCounter): Four key statistics (Projects Completed, Happy Clients, Years Experience, Satisfaction Rate) are displayed with an animated counter format. The StatCounter sub-component uses framer-motion's useSpring and useTransform to animate numerical values as they come into view. Each stat includes an icon, a numerical value with a suffix, and a descriptive label, along with hover effects for the icon and a line underneath. Call to Action (CTA) Section: A clear and inviting call-to-action at the bottom prompts users to "Get Started" and encourages them to transform their space. Framer Motion Integration: The component heavily uses framer-motion for: Orchestrated Entrance Animations: Elements fade in and slide up or across as the section comes into view. Hover Effects: Interactive animations on service items, the central image button, and stat counters. Parallax Scrolling: Dynamic movement of background and accent elements based on scroll. Spring Animations: Smooth counting animation for statistics. Modular Design: The section is composed of reusable sub-components (ServiceItem and StatCounter), promoting organized and reusable code. The AboutUsSection component presents key information about a company—likely an interior design or architectural firm—through a combination of text, service listings, an engaging image, and animated statistics. It's built with a focus on modern aesthetics and user experience, incorporating subtle animations and parallax effects to create an immersive feel.

• Slarivo Compare

  A comparison component between two images, slide or drag to compare

• Slarivo Galaxy Interactive Hero Section

  A dynamic and visually engaging hero section featuring a Spline 3D background, a responsive navigation bar with blurred effects and dropdowns, a prominent content overlay with parallax scrolling text, buttons, and a follow-up screenshot section with parallax. Fully responsive and includes mobile navigation

• Slarivo Hero

  Animated Marquee Hero A visually engaging hero section featuring a dynamic text reveal and an infinite, animated marquee of images. Perfect for capturing user attention on a landing page.

• Slarivo Circular Gallery

  Showcase content in an interactive, rotating carousel that keeps users engaged. Ideal for portfolios, product displays, or immersive visual storytelling.

• Slarivo Globe Feature Section

  The Featured_05 component is a modern hero section designed to spotlight Ruixen UI’s core value proposition. On the left, it presents a bold heading and supporting text that communicates the simplicity, scalability, and performance of the UI library. A prominent call-to-action button encourages users to engage immediately. On the right, a visually striking animated globe subtly anchors the section, reinforcing the product’s global relevance and modern aesthetic. The layout is fully responsive, ensuring that content and visuals remain balanced across devices.

• Slarivo Features

  Here is Features Component

• Slarivo About Section

  Professional about section components featuring company stories, team showcases, mission statements, and brand narratives with elegant animations and responsive layouts

• Slarivo Hero Section

  Hero Section Component This component creates a dynamic and engaging hero section, perfect for landing pages. It features a two-column layout with animated text, actionable buttons, social proof statistics, and a visually appealing image collage.

• Slarivo Hero Section

  Hero component with sleek animation

• Slarivo Project Showcase

  A minimal, list-based portfolio section with a cursor-following image preview. On hover, a smooth floating image appears and tracks your mouse using lerp-based animation.

• Slarivo Digital Serenity - Animated Landing Page

  Component creates a visually immersive and calming landing page. It features a dark UI with animated text quotes appearing word by word, a dynamic grid background, subtle floating elements, corner decorative accents, and interactive effects like a mouse-following gradient and click ripples. 

• Slarivo Sticky Scroll

  Here is Sticky Scroll component

• Slarivo Image Trail

  A component that creates a trail effect on cursor/touch movement. Works also with videos, svgs, or any type of html elements.

• Slarivo Dynamic Hero

  Elevate your landing page with this interactive React hero component. It captivates users with a unique arrow animation that tracks mouse movement, pointing towards the main call-to-action. Highly customizable, allowing you to define the heading, tagline, button text, and embed rich media (images or videos) in the designated card section. Seamlessly integrates with Tailwind CSS projects and follows modern React best practices for reusability.

• Slarivo Image Gallery

  Here is Image Gallery component

• Slarivo IntegrationHero

  The IntegrationHero component is a visually engaging section designed to showcase integrations with popular tools. It features two horizontal rows of app icons that continuously scroll in opposite directions, creating a dynamic carousel effect. The component includes a central call-to-action with a headline, description, and a “Get Started” button, encouraging users to explore integrations.

• Slarivo lumina-interactive-list

  A sophisticated, hover-responsive showcase block designed for high-end creative portfolios and luxury brand websites. This component features a minimalist vertical navigation list (01–06) that dynamically updates a featured image preview. It balances "Quiet Luxury" typography with high-impact visuals, creating a "premium" user experience that feels both authoritative and mysterious. It is optimized for developers who want to display "Featured Creations" with an air of exclusivity and artistic depth.

• Slarivo Text Parallax Content (scroll)

  TextParallaxContent: Engaging Scroll-Triggered Narratives Unleash a dynamic storytelling experience on your website with TextParallaxContent, a versatile React component designed to blend captivating visuals with compelling narratives. This component creates an immersive scrolling effect where text overlays animate in and out, while a "sticky" image scales and fades, providing a truly engaging user journey. Features Interactive Parallax Effect: As users scroll, a large background image remains "sticky" in the viewport while subtly scaling down and fading out. Simultaneously, a headline and subheading animate into view, crossfade, and then exit, creating a powerful visual and textual interplay. Modular Content Blocks: The component is designed to be easily repeatable. You can stack multiple TextParallaxContent instances to create a series of distinct narrative sections, each with its own image and text, allowing you to tell a sequential story or highlight different aspects of your product or service. Customizable Content: Each instance accepts imgUrl, subheading, and heading props, along with children for additional customizable content below the main parallax section. This allows for flexible integration of more detailed information, calls to action, or other elements. Smooth Animations: Built with Framer Motion, all animations are fluid and performant, ensuring a seamless and delightful user experience. Responsive Design: The component adapts beautifully to various screen sizes, maintaining its visual impact on both desktop and mobile devices. How it Works TextParallaxContent leverages Framer Motion's powerful useScroll and useTransform hooks to link scroll progress to various CSS properties: StickyImage: This sub-component uses useTransform to control the scale and opacity of the image based on scroll position, creating the "sticky" and fading effect. OverlayCopy: This sub-component also uses useTransform to animate the y position and opacity of the text overlays, making them slide and fade in and out as they pass through the viewport. useRef: Used to target specific DOM elements for scroll tracking, ensuring precise animation triggers. TextParallaxContent is ideal for "about us" sections, product features, service descriptions, or any part of your site where you want to combine strong imagery with a narrative flow that unfolds as the user scrolls.

• Slarivo Sign Up

  A stunning, open-source multi-step authentication UI component for modern web applications. Built with React, TypeScript, and Framer Motion, it delivers a visually captivating and highly interactive sign-up experience out-of-the-box. Key features include a sleek glassmorphism design, a fluid animated gradient background, delightful micro-interactions, and rewarding user feedback with loading states and a built-in confetti celebration on success. Perfect for developers looking to elevate their project's user onboarding with a polished and professional auth screen.

• Slarivo about section 2

  Professional about section components featuring company stories, team showcases, mission statements, and brand narratives with elegant animations and responsive layouts

• Slarivo AI Image Generator Hero

  Images component from the 21st.dev community.

• Slarivo Spatial Product Showcase

  A high-fidelity hero section designed for displaying dual-state products or variations. Features fluid layout transitions powered by Framer Motion, reactive background gradients that adapt to the active item, and a sleek floating control dock. Fully responsive, accessible, and data-driven.

• Slarivo Combined Featured Section

  The combined section component serves as a spotlight area to showcase the core strengths or highlights of our platform. It brings together key offerings

• Slarivo Twitter Testimonial Cards

  These cards were imported from a very popular 21st cards component and adapted for twitter, improved hover state so user can see entire card, improved on mobile, and made theme aware.

• Slarivo Assisted Password Confirmation

  Password confirmation component with visual feedback and animations for matching or incorrect inputs

• Slarivo Featured Section Stats

  This component showcases a modern CRM/dashboard statistics section with a clean, responsive layout. It highlights key business metrics alongside a smooth blue-gradient area chart for visual impact.

• Slarivo Carousel

  Here is Carousel component

• Slarivo Experience Hero

  Elevate your agency's first impression with a high-performance, GSAP-powered hero section. This "Obsidian Vault" design features spatial logic animations, narrative apertures, and an immersive WebGL-ready layout. Optimized for high-conversion with a single-purpose CTA and fully responsive Tailwind structure. Perfect for design engineers who demand Awwwards-level aesthetics without the manual overhead.

• Slarivo Feature Card

  Animated Feature Card This component displays a feature or benefit in a visually engaging card format. It's designed to be highly reusable, accepting props for its content, image, and color theme. The hover animation, powered by framer-motion, adds a delightful interactive element.

• Slarivo Features

  Profiles component from the 21st.dev community.

• Slarivo Feature Spotlight

  Feature Spotlight A responsive section component designed to highlight a key product feature. It juxtaposes a detailed text description, including a pre-header, main heading, and call-to-action, with a dynamic visual element. The component includes subtle, continuous animations on floating images to draw user attention and add a modern feel. It is fully theme-adaptive, using shadcn/ui variables for colors and styling.

• Slarivo Cards

  Here is Blog Card Component

• Slarivo Feature Spotlight

  This component is a feature spotlight card where you can showcase in any landing page.

• Slarivo PrismaHero

  A full-screen cinematic hero section with a background video, animated word reveal, and minimal floating navbar—designed to highlight a creative brand with strong visual storytelling and smooth motion interactions.

• Slarivo Image Reveal

  Here is image reveal component

• Slarivo Contribution Graph

  Here is Contribution Graph component

• Slarivo Feedback Slider

  Here is colored feedback slider component

• Slarivo Card

  Review Card A visually polished card component to display user reviews or testimonials, complete with an avatar, rating, and review text. It features a subtle entrance animation and is fully themeable using shadcn/ui variables.

• Slarivo Hero with bg video

  here is progressive hero

• Slarivo Response

  Here is Response component

• Slarivo Feedback Toast

  The FeedbackToast is a animated UI component designed to collect quick feedback from users in a non-intrusive way. It presents a thumbs-up/down prompt with an optional comment input when negative feedback is given. This component supports delayed auto-close behavior, smooth animations via framer-motion, and flexible feedback handling through a callback function.

• Slarivo Animated Review Card

  Here is Animated Review Card components

• Slarivo Infinite Testimonials Scroller

  Testimonials section with three columns of quote cards that scroll infinitely in a vertical marquee, slowing on hover.

• Slarivo Testimonials Marquee

  A scrolling testimonials marquee with two rows of review cards moving in opposite directions and edge fade gradients.

• Slarivo Carousel Testimonials

  Full-width swipeable testimonial carousel with autoplay and dot navigation for showcasing customer quotes on landing pages.

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Smart Hover Auth Layout

  A dual-panel authentication layout featuring a 4-quadrant cursor-aware marquee reveal and an infinite scrolling testimonial grid.

• Slarivo Reviews Carousel

  An animated carousel for displaying customer testimonials and reviews as a spring-animated stack of cards with keyboard navigation, indicators, and auto-play.

• Slarivo Testimonial Section 4

  A three-card testimonial carousel with a highlighted center quote card, customer photos, company logos, and keyboard-arrow navigation.

• Slarivo Community Testimonial

  A responsive, accessible React testimonials section with looping horizontal scrollers, reusable TestimonialCard components, staggered entrance animations, hover-to-pause behavior, and a soft radial background for a polished, product-facing presentation.

• Slarivo Testimonials 13

  A testimonials section that scrolls customer quote cards with avatars and company logos in an auto-playing marquee that pauses on hover.

• Slarivo Testimonial Carousel

  A looping testimonial carousel showing a quote, author avatar and role with dot indicators to jump between slides.

• Slarivo Infinite Moving Cards

  A horizontally scrolling marquee of cards with seamless infinite looping, direction and speed controls, pause on hover, and edge fade masks — ideal for testimonials, logo strips, and showcase rails.

• Slarivo Testimonial Section 2

  An animated testimonial section with scrolling marquee rows of customer capsules that open a full quote in a modal on click.

• Slarivo Testimonial Section 3

  A three-card testimonial carousel section with a highlighted center quote, keyboard navigation, and previous/next controls.

• Slarivo Rating

  A customizable star rating component that supports read-only display and interactive input modes.

• Slarivo Rating Group

  Here is Rating Group component

• Slarivo Swipe Deck

  A Tinder-style swipeable card deck with drag-to-decide, keyboard controls, undo, and a generic render-prop API for any item type.

• Slarivo Rating

  A Rating component for collecting structured user information and submissions, featuring rating, star, form control, form-control.

• Slarivo Rating

  A Rating component for presenting reviews, customer outcomes, and social proof, featuring rating, star, review, interactive.

• Slarivo Rating

  A Rating component for presenting reviews, customer outcomes, and social proof, featuring rating, star, review, statistics card.

• Slarivo Card Studio

  A Card Studio component for grouping related information, actions, and media into reusable surfaces, featuring testimonial card, testimonial-card, card, rating.

• Slarivo Star Rating

  An interactive star rating component with configurable scale, sizes (sm/md/lg), and readonly mode. Users can click stars to set ratings with smooth hover animations and visual feedback.

• Slarivo Star Rating

  An interactive star rating component with configurable scale, sizes (sm/md/lg), and readonly mode. Users can click stars to set ratings with smooth hover animations and visual feedback.

• Slarivo Animated Review Card

  A Animated Review Card component for presenting reviews, customer outcomes, and social proof, featuring testimonial card, testimonial-card, review, rating.

• Slarivo Animated Review Card

  A Animated Review Card component for presenting reviews, customer outcomes, and social proof, featuring testimonial card, testimonial-card, review, rating.

• Slarivo Testimonial Marquee

  An infinite horizontally scrolling marquee for showcasing testimonials and social proof, with single-row, dual-row, stacked, and edge-to-edge flush variants.

• Slarivo Feature Overview Bento

  A bento-grid feature section that mixes a customer quote with avatar, two metric tiles, a product-update card with an action button, and a checklist of steps, all laid out on a hairline grid.

• Slarivo Testimonials with Carousel

  A full-width testimonials section with an animated headline and an auto-advancing avatar carousel for showcasing customer feedback.

• Slarivo Emoji Rating

  An interactive emoji-based rating picker that lets users rate something from 1 to 5 by clicking animated face emojis.

• Slarivo Vertical Testimonials Marquee

  A vertically scrolling, auto-animating column of testimonial cards with pause-on-hover and edge fade masks, ideal for social-proof sections on landing pages.

• Slarivo Animated Testimonials

  A testimonial text block where each quote blurs and fades except the one being hovered, drawing focus to a single review at a time.

• Slarivo Type Testimonial

  Hover over an avatar to reveal a testimonial with a smooth typewriter animation and optional voice playback.