02 — OUTILS

Outils.

Deux librairies internes que nous extrayons régulièrement des chantiers et publions sous MIT. Code TypeScript, peer dependencies clean, README minimal.

@studiosixieme/use-lenis-scroll

v0.1.0 · MIT

GITHUB ↗

React hook exposing Lenis scroll state ({scroll, velocity, direction, progress}).

INSTALL

pnpm add @studiosixieme/use-lenis-scroll lenis

USAGE

import { useLenisScroll } from '@studiosixieme/use-lenis-scroll'

const { velocity, progress } = useLenisScroll()
gsap.to('.marquee', { x: -velocity * 12 })

@studiosixieme/use-view-transition

v0.1.0 · MIT

GITHUB ↗

Typesafe wrapper for the View Transitions API + Next.js 15 App Router navigation.

INSTALL

pnpm add @studiosixieme/use-view-transition

USAGE

import { useViewTransition } from '@studiosixieme/use-view-transition'

const navigate = useViewTransition()
<button onClick={() => navigate('/projet')}>Voir</button>

▣Publication npm + ouverture des repos GitHub à venir avec l'org studiosixieme. Code disponible sur demande à bureau@studiosixieme.com.