Velocity-Responsive Design

A 'Relativistic Reader' that adapts content density and layout based on scroll speed using Lenis and hysteresis.

Not VerifiedBlockExperiment12 files

use-dev-controlsAIWidgetrazi-stylelucide-react motion lenis tempuslenismotioncanvas-2d

scrollanimationuigenerative

Preview

Velocity-Responsive DesignOpen Full Page

[!TIP] Open in full screen for the best experience.

npx shadcn add https://www.razisyed.cv/r/velocity-responsive-design

npm i lucide-react motion lenis tempus

FlightControl.tsx

constants.ts

VelocityContext.tsx

IntelligentScroller.tsx

SpeedLines.tsx

VelocityCodeBlock.tsx

VelocityImage.tsx

VelocityResponsiveDesign.tsx

content.ts

VelocityText.tsx

Loading source...