Five ready-to-drop carousel and gallery components that bring motion, polish, and visual storytelling to any web project. Smooth parallax effects, nested sliders, testimonial carousels, and a responsive photo gallery, all in clean, framework-free code. Grab it, drop it in, ship it.
What you get:
- 5 x source code files (HTML + CSS + JS)
- Clean, well-commented code
- No frameworks or libraries required
- Works on all modern browsers
Normally €48 - get all 5 for €38.
A hotel room showcase component built around a clever two-level navigation idea. The outer carousel lets visitors browse between different room types, double room, family room, luxury suite, while inside each slide, a second carousel cycles through multiple photos of that specific room. All in one smooth, contained layout.
Next to the photos, each slide presents the room name, a short description, a clean grid of amenity icons and a price per night, plus a "Book now" button ready to link wherever you need it. Everything is laid out to feel like a mini room page, not just a gallery.
The whole thing works with arrow navigation on desktop and is fully responsive for mobile. A great fit for any hotel, guesthouse, or vacation rental site that wants to present its rooms in a way that actually makes people want to book.
A clean, two-panel testimonials section that lets your customers do the talking. On the left, a calm gold-tinted panel holds the section title and a pair of navigation arrows. On the right, review cards slide in smoothly one by one, each showing a real face, a name, a date, and the rating from the platform it came from, whether that's Google, Booking, or Airbnb.
The carousel moves on its own, pauses when someone hovers over it, and responds naturally to swipe gestures on mobile. Navigation arrows give users full control whenever they want it. The layout adapts gracefully from wide desktop screens all the way down to small phones, stacking into a single column without losing any of its polish.
A ready-to-drop-in component for any hospitality, travel, or service-based website that wants to show off its reputation without making a big deal out of it.
This project is a responsive and modern testimonials carousel built with HTML, CSS, and JavaScript. It features a smooth infinite-loop slider that automatically cycles through testimonial cards, while also supporting manual navigation through dots and touch swipe gestures for mobile devices.
Each slide includes a customer photo, quote icon, star rating, and testimonial text, styled with a clean centered layout. The active card is highlighted with a scale-up effect and stronger opacity, while surrounding cards appear smaller and faded to create a depth-focused carousel look.
The slider adapts across breakpoints, showing 1 item on mobile, 2 on tablets, and 3 on desktop. It also includes pause-on-hover functionality and smart transition handling to prevent visual glitches during infinite looping.
This project is a full-screen carousel with a stylish parallax twist. As the user scrolls, each layer of the slide—text and images—moves at a slightly different speed, creating a smooth depth effect that brings the visuals to life. It’s a simple concept, but the result feels dynamic and immersive.
The carousel rotates automatically, but also supports manual navigation. Each slide features large hero imagery, custom fonts, layered animations, and floating text that glides horizontally based on the scroll position. There’s also a subtle fade-in on entry for added elegance.
This project combines structured functionality with artistic motion. It’s a great fit for creative portfolios, landing pages, or any site looking to create a strong first impression.