Ribbon Hero

Show Preview
Ribbon Hero
Ribbon Hero

About Ribbon Hero

Ribbon Hero

Bring your website to life with Ribbon Hero — an immersive 3D WebGL experience featuring a flowing ribbon of cinematic video cards.

Built with Three.js, it combines smooth scrolling, dynamic depth, looping video previews, and interactive animations to create a memorable first impression.

Features

  • Immersive 3D ribbon animation

  • 8 customizable project cards

  • Looping video previews

  • Smooth mouse, touch, and keyboard controls

  • Dynamic perspective and depth effects

  • Cinematic grid floor

  • Responsive mobile experience

  • Customizable Framer properties

Support & Links

Support: divyeshkargathiya9@gmail.com

Website: https://divyeshwebcraft.framer.website/

From Divyesh WebCraft

Smooth Liquid Cursor
ScrollSync Video
Store's Locator Map
Drag & Drop Puzzle

Related Components

Cursor Mask Reveal
Three Circle Cursor
Diamond Butterfly
Glowing Arrow Cursor