carousel

Related Examples

• 
  tinderclone By omerlinks

  tinderclone By omerlinks

  Omer fils ELENGA

  9 months ago

  632
• 
  PlayStore Style Carousel

  PlayStore Style Carousel

  Omer fils ELENGA

  8 months ago

  402
• 
  ArtoGallery

  Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.

  ORGIN_DREAMS

  1 year ago

  2k
• 
  3D Animated Image Gallery

  3D Animated Image Gallery

  $@(\/)(\/)¥

  2 years ago

  9.9k
• 
  Responsive Image Carousel with Alpine.js

  This component is a fully responsive image carousel/slider that displays: 1 slide at a time on mobile devices (screen width < 768px) 3 slides at a time on desktop (screen width ≥ 768px)

  Salah eldein

  10 months ago

  756
• 
  Linear dinamique section by Raul antonio de la cruz hernandez remix omerlinx responsive

  Linear dinamique section by Raul antonio de la cruz hernandez remix omerlinx responsive

  Omer fils ELENGA

  9 months ago

  902
• 
  Premium Testimonial Carousel

  It is a premium Testimonial Carousel

  ishimwe shadad

  1 year ago

  2.3k
• 
  responsive slider carousel

  slider carousel

  Abhiraj

  1 year ago

  3.2k
• 
  Image Carousel

  Nikolai

  2 years ago

  8.1k
• 
  Our services

  Component: Interactive Services Carousel Overview: A card-based carousel built with HTML5 and Tailwind CSS, powered by Vanilla JavaScript. It displays Adeoar's 6 main services with a responsive layout and smooth transitions. Technical Features: Responsive: Displays 3 columns on desktop (md breakpoint) and 1 column on mobile devices. Dependencies: Tailwind CSS (CDN or compiled) + Native JavaScript (no external libraries like Swiper or Slick required). Icons: Inline SVG icons (Heroicons style). Functionalities: Navigation: Side buttons (prev/next) and bottom pagination (indicator dots). Automation: Autoplay runs every 4 seconds (infinite loop logic). Interaction: Autoplay pauses automatically on mouse hover (mouseenter/mouseleave). Style & Design (UX/UI): Default State: White background, soft shadows, pastel-colored icon backgrounds. Hover State (Active): Zoom Effect: The card scales up (scale-105). Color Inversion: Background changes to Navy Blue (bg-blue-900) and text turns white for high contrast. Details: The icon background turns white, and the icon stroke takes the dark blue color.

  Juan D. Cortorreal

  10 months ago

  1.2k
• 
  Custom Carosel

  Md. Tofayel islam

  2 years ago

  3.8k
• 
  Hero Slider with Alpine.js

  This responsive hero slider features full-screen image backgrounds with elegant text overlays and smooth transitions.

  Juraj

  1 year ago

  2.8k