https://github.com/riachx/scrollable-glass-page

3D Scrolling Interactive Webpage
https://github.com/riachx/scrollable-glass-page

3d animation meshtransmissionmaterial threejs

Last synced: 25 days ago
JSON representation

3D Scrolling Interactive Webpage

• Host: GitHub
• URL: https://github.com/riachx/scrollable-glass-page
• Owner: riachx
• Created: 2023-03-13T20:37:14.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-06T11:44:45.000Z (about 1 month ago)
• Last Synced: 2025-01-06T12:29:31.033Z (about 1 month ago)
• Topics: 3d, animation, meshtransmissionmaterial, threejs
• Language: JavaScript
• Homepage:
• Size: 22.6 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Scrollable Glass 3D Page

Three.js implementation of the stunning design/octane render created at Loudmob.media. 

https://www.pinterest.com/pin/756534437424620228/

![Scrollable webpage](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExOHVvN2JiZHZzYjJjc3NvbmJtNmhncmhhYzkxdTQ1MWprMTk4aGdpMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/dFxZ9TYY96RvMIVLPM/giphy.gif)

- Smooth scrollable web page

- Clickable text

- Uses pmndrs MeshTransmissionMaterial 

## Run 

- npm install

- npm run dev