Shadcn UI Feature Block
Feature285 is a dynamic and visually engaging component that displays a vertically scrolling marquee of images, enhanced with interactive hover effects. This shadcn ui component is framed within a split layout, featuring a prominent call-to-action button and brand identity on one side, and a carousel of images on the other. It offers a seamless integration for showcasing visual content alongside a promotional or informational message.
This shadcn block provides an immersive user experience by combining static branding elements with a lively display of images that react to user interaction. The component uses motion effects to introduce a blur on non-focused images, guiding the user's attention and enhancing the visual emphasis. The design maximizes the use of space with a full-height grid layout, ensuring that content is displayed prominently. The use of marquee animations and hover-initiated transitions make the showcase of images both fluid and engaging.
Dependencies
| Package | Type |
|---|---|
| framer-motion | NPM |
| lucide-react | NPM |
| react | NPM |
marquee @magicui | Registry |
button @shadcn | Registry |