# 🎨 Dynamic Keyboard Showcase: Customize, Scroll, Explore!

**URL:** <https://discourse.threejs.org/t/dynamic-keyboard-showcase-customize-scroll-explore/72753>\
**Category:** Showcase\
**Tags:** drei, gsap, react-three-fiber\
**Created:** [October 13, 2024, 9:12am UTC](https://discourse.threejs.org/t/dynamic-keyboard-showcase-customize-scroll-explore/72753 "2024-10-13T09:12:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![nova\_13](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nova_13/32/51930_2.png) [@nova\_13](https://discourse.threejs.org/u/nova_13)\
**Post date:** [October 13, 2024, 9:12am UTC](https://discourse.threejs.org/t/dynamic-keyboard-showcase-customize-scroll-explore/72753/1 "2024-10-13T09:12:32Z")

</div>

🚀 Excited to share my latest project – a keyboard showcase website! It features cool scroll animations and lets you change the keyboard color. I’ve added responsive design and audio effects to enhance the experience. Check it out and let me know your thoughts! 💬

🔧 Tech Stack: React Three Fiber (r3f), GSAP

🌐 Demo: [https://keyboard-showcase.vercel.app](https://keyboard-showcase.vercel.app)  
🔗 Source code: [GitHub - Novarista13/keyboard\_showcase](https://github.com/Novarista13/keyboard_showcase)