Creative Tim UICreative Tim UI

Hero carousel with auto-rotating slides and navigation - shadcn/ui

PRO

This hero section works perfectly in lead campaigns with a carousel showcasing multiple offers. You can present the most important details of each offer with automatic slide transitions, navigation arrows, and pagination dots. Perfect for showcasing multiple products or services.

Preview

Component Details

ID
hero-15
Type
Block
Access
PRO
Category
Hero
Published
3 Apr 2026

Files Included

  • app/hero-15/page.tsx
  • components/creative-tim/blocks/hero-15.tsx

Components Used

Explore More Blocks

Footers
FootersModern footer components and section layouts for React and Next.js. Build professional website footers with links, social media, newsletters, and navigation.
Stats
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
Popup
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.
KPI
KPIProfessional KPI (Key Performance Indicator) card components for React and Next.js. Build metric displays, performance snapshots, dashboard cards with icons, badges, arrows, progress bars, charts, and action buttons to showcase business metrics and analytics.
Onboarding
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
Error
ErrorProfessional error page components for React and Next.js. Build 404 and 500 error pages with various layouts, icons, emoji, background images, and call-to-action buttons for better user experience.
Logo
LogoProfessional brand logo showcase components for React and Next.js. Build trust sections, partner displays, client logos, and company ecosystem layouts with various styles and configurations.
Pricing
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.