Site structure

The Vanilla Views suite F.L.A.S.H.C.R.P.T.B FlashCrptb is a collection of ten powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views using pure, lightweight Vanilla JavaScript. Originally developed as Paragraphs Bundles, these modules Accordion, Basic Carousel, 3D Carousel, 3D FlipBox, Hero, Lightbox, Parallax, Reveal, Slideshow, and Tabs.

Additionally, I have created a demo for each module: Accordion Demo, 3D Carousel Demo, Carousel Demo, 3D FlipBox Demo, Hero Demo, Lightbox Demo, Parallax Demo, Reveal Demo, Slideshow Demo, and Tabs Demo.
To get started, check out our Video Demo for a step-by-step guide on using the module effectively. Explore our mixed demos here: Live Demo One | Live Demo Two. The site for the live demo is built with the Solo Theme.

Overview

The Views Vanilla JavaScript Lightbox module (machine name: vvjl) allows you to create stunning and responsive lightbox displays for various content items on your Drupal site. This module integrates seamlessly with the Views module, providing a new display style that can be selected when creating or editing views. It utilizes pure vanilla JavaScript, eliminating the need for jQuery, to ensure a modern and efficient user experience.

Features

• Lightbox Format: Renders content items in a lightbox format, enhancing the visual presentation of your content.
• Customizable Options: Offers settings for grid image width, gap between images, overlay color, and opacity, with the option to disable the overlay entirely.
• Responsive Design: Ensures that the lightbox adapts seamlessly to different screen sizes for optimal viewing on all devices.
• Animation Options: Provides various animation styles for transitions between images, such as top, bottom, left, right, and zoom animations.

Features

This module provide a security layer to prevent users to put dummy phone number and emails to the contact form or webforms.

The Vanilla Views suite F.L.A.S.H.C.R.P.T.B FlashCrptb is a collection of ten powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views using pure, lightweight Vanilla JavaScript. Originally developed as Paragraphs Bundles, these modules Accordion, Basic Carousel, 3D Carousel, 3D FlipBox, Hero, Lightbox, Parallax, Reveal, Slideshow, and Tabs.

Additionally, I have created a demo for each module: Accordion Demo, 3D Carousel Demo, Carousel Demo, 3D FlipBox Demo, Hero Demo, Lightbox Demo, Parallax Demo, Reveal Demo, Slideshow Demo, and Tabs Demo.

To get started, check out our Video Demo for a step-by-step guide on using the module effectively. Explore our mixed demos here: Live Demo One | Live Demo Two. The site for the live demo is built with the Solo Theme.

Overview

The Views Vanilla JavaScript 3D Carousel module (machine name: vvjc) allows you to create dynamic, responsive, and visually striking 3D carousels for displaying content items on your Drupal site. Seamlessly integrated with the Views module, this module introduces a new display style that can be selected when creating or editing views. Built using pure vanilla JavaScript, the VVJC module avoids jQuery dependencies, ensuring a lightweight and modern user experience.

Features

• No jQuery: By using vanilla JavaScript, the module ensures faster performance, reduced page load times, and no reliance on heavy external libraries. This makes it an ideal choice for modern, lightweight Drupal websites.
• 3D Carousel Format: Renders content items in an interactive 3D carousel format for engaging and visually captivating displays.
• Comprehensive Customization Options: Provides a variety of settings, including maximum width, screen heights for different devices, set the background color with opacity, and perspective depth to fine-tune the carousel’s appearance.
• Responsive Design: Built-in breakpoints ensure the carousel adapts seamlessly to various screen sizes, offering a consistent experience across devices.
• Play/Pause Functionality: Includes an automatic scrolling feature with a play/pause button, giving users control over the carousel's movement.
• Customizable Intervals: Set the time interval for slide transitions, with options ranging from 3 to 15 seconds, or disable automatic transitions entirely to allow users full control.
• Keyboard Navigation: Supports arrow keys and the space bar for intuitive slideshow navigation.
• Touch and Swipe Support: Includes swipe gestures for seamless navigation on mobile devices.
• Accessibility-Enhanced: Announces active slides to screen readers and includes ARIA attributes for improved accessibility.
• Hover Pause: Automatically pauses the slideshow on hover and resumes on mouseout for better user interaction.
• Unique ID Generation: To prevent conflicts and ensure consistency across different views, the module automatically generates a unique numeric ID for each slideshow instance.
• Pause on Tab Switch: The carousel automatically pauses when the user switches to another browser tab, preserving content visibility when they return.
• Reduced Motion Support: Respects the user's "prefers-reduced-motion" system setting to reduce animations for users who prefer less movement.

Overview

Provides some new functionality for the featureflags module:

The Vanilla Views suite F.L.A.S.H.C.R.P.T.B FlashCrptb is a collection of ten powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views using pure, lightweight Vanilla JavaScript. Originally developed as Paragraphs Bundles, these modules Accordion, Basic Carousel, 3D Carousel, 3D FlipBox, Hero, Lightbox, Parallax, Reveal, Slideshow, and Tabs.

Additionally, I have created a demo for each module: Accordion Demo, 3D Carousel Demo, Carousel Demo, 3D FlipBox Demo, Hero Demo, Lightbox Demo, Parallax Demo, Reveal Demo, Slideshow Demo, and Tabs Demo.
To get started, check out our Video Demo for a step-by-step guide on using the module effectively. Explore our mixed demos here: Live Demo One | Live Demo Two. The site for the live demo is built with the Solo Theme.

Overview

The Views Vanilla JavaScript Tabs module (machine name: vvjt) is a versatile and lightweight Views style plugin designed to render items in tabs using vanilla JavaScript. This module enhances user experience by providing smooth and engaging tabbed navigation for content displayed through Drupal Views. It offers robust configuration options for tab positioning, animation, and responsiveness. In addition to the traditional use of tabs—whether vertical or horizontal, where users click on links to open tabs—this module also allows you to create a slideshow using image thumbnails instead of links. The thumbnails are scrollable and clickable, enabling users to view the corresponding image in a seamless and interactive way.

Features

• No jQuery: By using vanilla JavaScript, the module ensures faster performance, reduced page load times, and no reliance on heavy external libraries. This makes it an ideal choice for modern, lightweight Drupal websites.
• Dynamic Animation Options: Choose from various animation types such as Top, Bottom, Left, Right, Zoom, and Opacity to create smooth transitions between tab panes, enhancing the visual appeal.
• Unique ID Generation: Automatically generates a unique numeric ID for each view display to ensure consistency and prevent conflicts, making it easier to manage multiple tabbed interfaces.
• Flexible Tab Positions: Configure tabs to be positioned at the top, right, bottom, or left, allowing for versatile layout options that suit different design needs.
• Responsive Design with Custom Breakpoints: Define custom breakpoints for when vertical tabs should collapse into horizontal tabs, ensuring a responsive layout that adapts to various screen sizes and devices.
• Configurable Maximum Width: Set a maximum width for tab buttons to ensure they expand based on content but do not exceed specified limits, maintaining a balanced and organized appearance.
• Optional CSS Inclusion: Enable or disable the CSS library to style the tabs, providing control over the visual presentation of the tabbed content.
• Adaptive Tab Wrapping: Option to wrap tab buttons when they exceed available space or use default auto-scroll, ensuring efficient navigation across different screen sizes.
• Two Background Colors: Allows you to set two background colors—one for the buttons and another for the panes.
• Disable Background Colors: Includes a checkbox to disable the background colors for both the buttons and the panes.