Carousels, galleries, video embeds and visual effects add movement and imagery to a page, and they are also where performance and motion problems tend to creep in. These Vue 3 media components handle lazy loading, touch input and reduced motion.
They are built with Tailwind CSS 4, support class-based dark mode and need no dependencies besides vue. Install them with npm or copy the source and adjust the effects to taste.
FreeComponent · Media & effects
Carousel is a flexible Vue component for showcasing content with smooth horizontal or vertical rotation. Designed for both simplicity and style, it lets you present images, cards, or custom elements in an engaging, interactive way that adapts to any layout.
FreeComponent · Media & effects
Tilt is an interactive Vue component that brings depth and motion to any element. It reacts smoothly to mouse movement, tilting toward the pointer while casting dynamic shadows, creating a realistic 3D effect that makes your UI feel more alive and engaging.
Good to know
FAQ
No. They use CSS scroll snap plus a small amount of Vue for controls, so there are no dependencies besides vue.
Animations respect prefers-reduced-motion, and anything that moves automatically can be paused.