Vitreous is a futuristic digital banking UI experience that blends
🧊 Glassmorphism, 🌌 3D Interactivity, and ⚡ modern frontend performance
to deliver a premium, immersive fintech interface.
|
Frosted glass UI powered by |
A realistic credit card that responds to mouse movement using |
|
Live animated background using Vanta.js (CELLS) built on top of Three.js. |
Optimized for mobile, tablet, and desktop with fluid layouts. |
|
Built with React 19, Vite 7, and Tailwind CSS v4 for speed and maintainability. |
|
| Technology | Usage |
|---|---|
| React 19 | UI Framework |
| Vite 7 | Build Tool |
| Tailwind CSS v4 | Styling |
| Framer Motion | Animations |
| Vanta.js | Interactive Background |
| Three.js | 3D Rendering |
| React Parallax Tilt | 3D Card Effects |
| Lucide React | Icon System |
src/
├── components/
│ ├── cards/ # Glassmorphism & 3D card components
│ ├── layout/ # Navbar, Footer
│ ├── sections/ # Hero, Benefits, Destinations, Pricing, Steps
│ └── ui/ # Buttons & reusable UI elements
├── engine/ # Vanta.js + Three.js background setup
├── utils/ # Constants & static data
├── App.jsx # Main app entry
└── main.jsx # React bootstrap
🤝 Contributing
Feel free to open issues or submit pull requests for improvements.
👨💻 Author
Anurag Kumar Final-year student at IIIT Bhagalpur, India Passionate about quantitative finance, problem-solving, data structures and algorithms, and software engineering.
If you like this project, consider giving it a ⭐ on GitHub — it really helps!
Also, feel free to follow me on GitHub for more projects and updates: 👉 https://github.com/anuragpy07