From 50c960486795c841a0c38a6770d6f478fc1b0e66 Mon Sep 17 00:00:00 2001 From: Jon Date: Sun, 15 Oct 2023 14:54:01 +0100 Subject: [PATCH] Update README.md (#71) --- packages/tilt-react/README.md | 67 ++--------------------------------- 1 file changed, 2 insertions(+), 65 deletions(-) diff --git a/packages/tilt-react/README.md b/packages/tilt-react/README.md index 1c333f67..501bbaa6 100644 --- a/packages/tilt-react/README.md +++ b/packages/tilt-react/README.md @@ -1,66 +1,3 @@ -

-tilt-react 🪄 -

-

-A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for React. -

-

-react-tilt downloads -react-tilt version -Jonathan Dion Twitter -

+# @jdion/tilt-react -![react-tilt demo gif](https://github.com/jonathandion/react-tilt/blob/master/demo.gif) - -## Demo - -- [Reddit NFTs](https://nft.reddit.com/) -- [VX Demo](https://vx-demo.now.sh/gallery) - -## Install - -```bash -npm install @jdion/tilt-react react react-dom -``` - -## Usage - -```tsx -import { Tilt } from '@jdion/tilt-react' - -const defaultOptions = { - reverse: false, // reverse the tilt direction - max: 35, // max tilt rotation (degrees) - perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets. - scale: 1.1, // 2 = 200%, 1.5 = 150%, etc.. - speed: 1000, // Speed of the enter/exit transition - transition: true, // Set a transition on enter/exit. - axis: null, // What axis should be disabled. Can be X or Y. - reset: true, // If the tilt effect has to be reset on exit. - easing: 'cubic-bezier(.03,.98,.52,.99)', // Easing on enter/exit. -} - -const App = () => { - return ( - -
👽
-
- ) -} -``` - -## Props - -| Property | Signature | -| ------------- |:-------------:| -| options | Options | - -## Alternatives - -- **JQuery JS version:** https://github.com/gijsroge/tilt.js -- **Vanilla JS version:** https://github.com/micku7zu/vanilla-tilt.js - -### Check Also - -- [Web Configs](https://github.com/jonathandion/web-configs) - Monorepo for all common configurations for building web apps. -- [My Neovim Config](https://github.com/jonathandion/web-dev.nvim) - Small Neovim configuration written in Lua that is specifically designed for web development. +For more information, please visit the [documentation](https://jdion.xyz/tilt).