Skip to content

feat(vuetifyx): add VXTimeline, VXVideo, VXTiltedImages, VXImageGallery components#578

Open
eideroliveira wants to merge 1 commit into
qor5:masterfrom
eideroliveira:pr/vue-components
Open

feat(vuetifyx): add VXTimeline, VXVideo, VXTiltedImages, VXImageGallery components#578
eideroliveira wants to merge 1 commit into
qor5:masterfrom
eideroliveira:pr/vue-components

Conversation

@eideroliveira
Copy link
Copy Markdown

Summary

Four new reusable Vue components with Go server-side builders:

  • VXTimeline: Vertical timeline with scroll-driven parallax animations, configurable dot colors, and responsive layout
  • VXVideo: HLS.js-powered video player with poster support, play overlay, and rounded corners
  • VXTiltedImages: CSS 3D perspective tilt effect for image showcases
  • VXImageGallery: Simple responsive image gallery grid

Each component includes a Go builder (vx-*.go) for server-side rendering via htmlgo and is registered in the vuetifyx plugin.

Notes

  • VXVideo requires adding hls.js to package.json dependencies
  • JS build artifacts are not included — they need to be rebuilt after merging

Test plan

  • All four components render correctly in production use
  • VXTimeline parallax animation works on scroll without performance issues (uses scroll events, not rAF loop)
  • VXVideo plays HLS streams and falls back to native video for non-HLS sources
  • TiltedImages 3D effect responds to mouse movement
  • ImageGallery displays responsive grid layout

…ry components

Four new reusable Vue components with Go server-side builders:

- VXTimeline: vertical timeline with scroll-driven parallax animations,
  configurable dot colors, and responsive layout
- VXVideo: HLS.js-powered video player with poster support, play overlay,
  and rounded corners (requires hls.js dependency)
- VXTiltedImages: CSS 3D perspective tilt effect for image showcases
- VXImageGallery: simple responsive image gallery grid

Each component includes a Go builder (vx-*.go) for server-side rendering
via htmlgo and is registered in the vuetifyx plugin.

Note: VXVideo requires adding hls.js to package.json dependencies.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant