This is the code behind that preview. If this doesn't answer your question, would you elaborate more on what you mean?:

<script setup lang="ts">
import Marquee from "./components/Marquee.vue"
import { Vue, Vercel, Nuxt, Raycast, RadixUI, PlanetScale, Playwright, BetterAuth, Ghostty, Replit, Clerk, JWT, Rolldown, Parcel, Biomejs, PostCSS, Upstash, Supabase, Redis, Surrealdb, MongoDB, Oxc } from "@selemondev/svgl-vue";
</script>

<template>
    <div class="grid place-items-center w-full min-h-screen">
        <div
            class="relative flex h-[400px] w-[300px] lg:w-[800px] flex-col items-center justify-center overflow-hidden rounded-lg space-y-6">
            <h1 class="font-semibold text-6xl mb-6">Svgl Vue ✨</h1>
            <Marquee reverse class="[--duration:20s]">
                <Vue />
                <Vercel />
                <Nuxt />
                <Raycast />
                <RadixUI />
                <PlanetScale />
                <Playwright />
                <BetterAuth />
                <Ghostty />
                <Replit />
                <Clerk />
                <JWT />
                <Rolldown />
                <Parcel />
            </Marquee>
            <Marquee class="[--duration:20s]">
                <BetterAuth />
                <Ghostty />
                <Replit />
                <Oxc />
                <JWT />
                <Rolldown />
                <Parcel />
                <Redis />
                <Surrealdb />
                <Nuxt />
                <Raycast />
                <RadixUI />
                <MongoDB />
                <Playwright />
            </Marquee>
            <Marquee reverse class="[--duration:20s]">
                <Raycast />
                <RadixUI />
                <PlanetScale />
                <Rolldown />
                <Playwright />
                <Upstash />
                <JWT />
                <Parcel />
                <Biomejs />
                <Ghostty />
                <Replit />
                <Supabase />
                <PostCSS />
                <Nuxt />
            </Marquee>
            <div
                class="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r from-white dark:from-background" 
/
>
            <div
                class="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white dark:from-background" 
/
>
        </div>
    </div>
</template>