VueFlux
Home
  • v5
  • v6
  • v7
Demos
GitHub
Home
  • v5
  • v6
  • v7
Demos
GitHub
  • Overview
  • Changelog
  • Installation and usage
  • Options VS Composition
  • SSR with Nuxt
  • Resources
    • Img
    • Video
    • Component
  • Components
    • VueFlux
    • FluxButton
    • FluxCube
    • FluxGrid
    • FluxImage
    • FluxParallax
    • FluxTransition
    • FluxVortex
    • FluxWrapper
  • Complements
    • FluxCaption
    • FluxControls
    • FluxIndex
    • FluxPagination
    • FluxPreloader
  • Transitions
    • Blinds 2D
    • Blinds 3D
    • Blocks 1
    • Blocks 2
    • Book
    • Camera
    • Concentric
    • Cube
    • Explode
    • Fade
    • Fall
    • Kenburn
    • Round 1
    • Round 2
    • Slide
    • Swipe
    • Warp
    • Waterfall
    • Wave
    • Zip
  • Custom transitions

SSR with Nuxt

Wrap the <VueFlux> where you want to use it with <ClientOnly> tags.

<ClientOnly>
   <VueFlux>...</VueFlux>
</ClientOnly>

Don't forget to import the CSS in the component where you will use the slider, or in any preprocessed CSS file like SASS or Stylus

import {
  VueFlux,
  FluxControls,
} from 'vue-flux';

import 'vue-flux/style.css';
Last Updated: 12/8/25, 7:54 AM
Prev
Options VS Composition
Next
Resources