Animated Beam
Faisceau degrade anime qui relie deux elements avec un trajet de lumiere fluide. Installez Animated Beam depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:Web
1 storyVoir le composantScroll Progress
Barre fixe qui suit la progression de lecture le long de la page. Installez Scroll Progress depuis le registre VLLNT UI avec la CLI shadcn. La source React Native de Scroll Progress est incluse dans VLLNT UI 0.4.0 pour iOS et Android. Elle est disponible uniquement comme source ; la publication npm est en attente.
Plateformes prises en charge:WebNatif
Apercu
Basculez entre clair et sombre pour inspecter l'apercu Storybook integre.
Barre fixe qui suit la progression de lecture le long de la page. Fait partie de la famille data-display dans VLLNT UI, il est publie comme entree de registre lisible par machine — copiez la source directement dans votre application avec la CLI shadcn et possedez-la, sans dependance d'execution a une bibliotheque de composants.
Comparaison des plateformes
| Plateforme | Dependances | Capacites |
|---|---|---|
| Web | @vllnt/ui@^0.3.0 | Rendu navigateur, evenements DOM et semantique ARIA |
| Natif | @vllnt/ui-native, react-native | Interactions et accessibilite adaptees au natif |
Installation
Ajoutez Scroll Progress a votre projet avec la CLI shadcn. La source arrive dans votre code, prete a etre adaptee :
pnpm dlx shadcn@latest add https://ui.vllnt.com/r/scroll-progress.jsonSource
Stories
Explorez chaque variante et etat dans le Storybook interactif :