Scroll Reveal
A progressive text component that scrubs word opacities naturally as it crosses viewport entry boundaries.
Installation
npx raya-ui@latest add scroll-revealScroll Down inside preview
RayaUIisahigh-performanceregistryofUIprimitivesengineeredtobringfluid,physics-basedinteractionsandcleanaestheticsdirectlyintoyourprojectcodebase.
Settings
source-code.vue
<script setup lang="ts">
import { ScrollReveal } from '@/components/ui/scroll-reveal'
</script>
<template>
<ScrollReveal text="Raya UI is a high-performance registry of UI primitives engineered to bring fluid, physics-based interactions and clean aesthetics directly into your project codebase." />
</template>