Gallery 26

Gallery26 is an elegant image gallery component structured into a grid layout, showcasing various images within customizable sections. The component is designed to enhance visual engagement through the use of dynamic transitions and stylistic effects, powered by the BlurVignette component. It organizes images into different column spans within the grid, creating a visually appealing display that seamlessly integrates with various design templates, especially those looking for a refined shadcn ui layout.

The main highlight of Gallery26 is its use of the BlurVignette component, which applies a subtle yet sophisticated blur overlay to images. This effect is achieved through a combination of customizable CSS properties such as blur intensity, radius, and inset. Each image can be wrapped within a BlurVignette, which allows control over these styling properties to adapt the visual feel for unique gallery presentations. Additionally, animations managed by the motion library are included to bring a smooth, interactive feel, making the images appear as the user scrolls down the page. This makes Gallery26 an ideal choice for projects that require a polished and dynamic shadcn component.