Venture-Stream-Responsive-Product-Carousel-Component Tailwind Templates

Venture Stream Responsive Product Carousel Component

A responsive product carousel component created from mockups and assets provided as part of the interview process for Junior Developer at Venture Stream, using Web Components and Tailwind CSS.

Venture Stream - Responsive Product Carousel Component

GitHub deployments GitHub code size in bytes GitHub repo size

A responsive product carousel component created from mockups and assets provided as part of the interview process for Junior Developer at Venture Stream

This has been built using Web Components (created using OOP), vanilla JS, Tailwind CSS and Vite.

:heavy_check_mark: Features:

  • Design faithful to mockups
  • Web Components used for product cards
  • Ability to add any number of products
  • Horizontal scrolling using mouse and touch
  • 'Draggable' left and right using mouse and touch
  • Aligned with left of container
  • Clickable product card
  • Scalable image with arrow on hover
  • Locally hosted fonts

:nerd_face: Stacks & Tools Used:

html5 logo css3 logo tailwind logo postcss logo JavaScript Vite logo

:link: Links

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes