yashrajp84/website

useful add-ons for react-three-fiber

A React renderer for Threejs

Lenis is a smooth scroll library to normalize and smooth the scrolling experience across devices

Simple and complete DOM testing utilities that encourage good testing practices.

Custom jest matchers to test the state of the DOM

Simple and complete React DOM testing utilities that encourage good testing practices.

Fire events the same way the user does

<h2>What is it ?</h2> <p> Shaders are the next front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot of very good javascript libraries already handle WebGL but with most of them it's kind of a headache to position your meshes relative to the DOM elements of your web page. </p> <p> curtains.js was created with just that issue in mind. It is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders.<br /> You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages. </p> <p> <a href="https://www.curtainsjs.com/" title="Documentation" target="_blank">Documentation</a> - <a href="https://github.com/martinlaxenaire/curtainsjs" title="GitHub" target="_blank">GitHub</a> </p>

A simple and powerful JavaScript animation library

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! The ScrollTrigger plugin lets you create jaw-dropping scroll-based animations with minimal code. No other library delivers such advanced sequencing, reliability, and tight control while solving real-world problems on millions of sites. GSAP works around countless browser inconsistencies; your animations **just work**. At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy.

JavaScript is all like _You images done yet or what?_

Detection of elements in viewport & smooth scrolling with parallax effects.

React is a JavaScript library for building user interfaces.

React package for working with the DOM.

Declarative routing for React web applications

Configuration and scripts for Create React App.

JavaScript 3D library

Easily measure performance metrics in JavaScript