react-next-tilt Demo

This is the Demo for the react-next-tilt package.

Table of contents

• Links
• Built with
• Screenshot
• Credits
• Useful Resources
• Author

Links

• Main Demo: https://rashidshamloo.github.io/react-next-tilt_demo
• Control Element Demo: https://rashidshamloo.github.io/react-next-tilt_demo/control-element
• react-next-tilt Package: https://www.npmjs.com/package/react-next-tilt
• react-next-tilt Repository: https://github.com/rashidshamloo/react-next-tilt

Built with

• TypeScript
• React.js
• React Router
• Tailwind CSS
• Vite.js

Screenshot

• Main Demo

  • Desktop

  

  • Mobile

  

• Control Element Demo

  • Desktop

  

  • Mobile

  

Credits

• Flower Photos by:

  • Markus Blüthner on Unsplash

  • Benyamin Bohlouli on Unsplash

  • Caroline O'Brien on Unsplash

  • Laura Crowe on Unsplash

  • Bonnie Kittle on Unsplash

  • Benjamin Demian on Unsplash

  • Plantpool images on Pexels

  • Magda Ehlers on Pexels

  • Oleksandra Bardash on Unsplash

  • Summer Quinn on Unsplash

  • Ashley Levinson on Unsplash

  • Jacinto Diego on Unsplash

  • Elliot Cullen on Unsplash

  • Jeffry Surianto on Pexels

  • Joshua J. Cotten on Unsplash

  • kazuend on Unsplash

  • Mohammad Mardani on Unsplash

  • James Morden on Unsplash

  • Sam Erwin on Unsplash

  • Yoksel 🌿 Zok on Unsplash

Useful Resources

• Single Page Apps for GitHub Pages - A solution for running React Router on GitHub Pages without using the Hash Router.
• react-responsive - The package used for detecting different screen sizes.
• tailwindcss-3d - The package used for adding 3D transforms to Tailwind CSS.

Author

Rashid Shamloo

• Portfolio - rashidshamloo.ir
• Linkedin - rashid-shamloo
• Frontend Mentor - @rashidshamloo
• Twitter - @rashidshamloo
• Dev.to - @rashidshamloo