Extend the structure of the site by way of content models, data storage, field types, and navigation, so it is more understandable to users.

Entity Custom Base Field

Creating base fields are usable when we need to create them at one place & this field would get shared across all the bundles of an entity type.

Views FlipBox - Views Vanilla JavaScript 3D FlipBox (VVJF)

Views Vanilla JavaScript 3D FlipBox (VVJF) Screenshot

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 Flipbox module (machine name: vvjf) allows you to create engaging 3D FlibBox displays for content on your Drupal site. This module integrates seamlessly with the Views module, offering a new display style specifically for 3D FlibBoxes. The best part? It leverages pure vanilla JavaScript, ensuring a lightweight and modern user experience without the need for jQuery.

Features

  • 3D FlipBox Format: Renders content items in an interactive 3D flipBox format, adding depth and visual appeal to your site.
  • Customizable Options: Offers adjustable settings for flip triggers (Hover/Click), flip direction (Horizontal/Vertical), animation speed, background colors (Front/Back), perspective, and more.
  • Responsive Design: Includes configurable breakpoints to ensure the flipBox adapts seamlessly to different screen sizes or remains active across all screens.
  • 3D Perspective: Option to tune 3D perspective, enhancing the depth effect of the flipBox.

Views Reveal - Views Vanilla JavaScript Reveal (VVJR)

Views Vanilla JavaScript Reveal (VVJR) Screenshot

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 Reveal module (machine name: vvjr) empowers you to create engaging reveal boxes for displaying content items on your Drupal site. Seamlessly integrated with the Views module, this module offers a new display style that you can select when creating or editing views. Leveraging pure vanilla JavaScript, it ensures a modern, lightweight experience without the need for jQuery.

Features

  • Interactive Reveal Boxes: Display content items with reveal animations for a dynamic user experience.
  • Customizable Options: Adjustable settings for reveal style, speed, background colors, and more.
  • Responsive Design: Built-in breakpoints to ensure the reveal adapts seamlessly to different screen sizes.
  • Hover or Click Activation: Choose whether the reveal occurs on hover or click.

Views Hero - Views Vanilla JavaScript Hero (VVJH)

Views Vanilla JavaScript Hero (VVJH) Screenshot

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 usin

Views Parallax - Views Vanilla JavaScript Parallax (VVJP)

Views Vanilla JavaScript Parallax (VVJP) Screenshot

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 Parallax module (machine name: vvjp) enables you to create visually engaging parallax effects for displaying content items on your Drupal site. This module seamlessly integrates with the Views module, offering a new display style that you can select when creating or editing views. It utilizes pure vanilla JavaScript with no jQuery dependency, ensuring a lightweight and modern user experience. Additionally, you can create full-width parallax effects, similar to a hero full-width layout, if you have the correct layout configuration.

Features

  • Parallax Effects: Renders content items with smooth parallax effects for an engaging visual display, customizable across different breakpoints.
  • Customizable Height and Width: Allows users to define the section height using various units like viewport height (vh), pixels, percentage, em, and rem, and set the maximum width for the parallax content.
  • Responsive Design: Includes breakpoints to ensure the parallax adapts seamlessly to different screen sizes, with options to disable parallax at specific breakpoints.
  • Scroll Effects: Choose from a variety of effects, including fade-in effects, to enhance the visual transition of the parallax content.
  • Overlay Options: Set a background color with adjustable opacity, with the ability to apply the background overlay to the entire image or only under the parallax content.
  • Background Animation: Set the speed and easing function of the background animation to create dynamic visual effects.
  • Lightweight and Fast: Uses vanilla JavaScript without jQuery dependencies for improved performance.
  • CSS Library Integration: Option to enable the CSS library specifically for styling the parallax effects.

Pages

Subscribe with RSS Subscribe to RSS - Site structure