A sleek, animated landing page for the Rabbit R1 – a conceptual AI device. Created during the Sheryians Cohort Hackathon, this project delivers a visually engaging and interactive experience using modern web technologies.
- 🎮 3D Device Viewer with Spline
- 🎞️ GSAP Animations for scroll effects & transitions
- 🌀 Smooth Scrolling using Lenis
- 🖱️ Dynamic Image Trail that follows cursor movement
- 🧩 Component-Based UI with React
- 📱 Fully Responsive design with Tailwind CSS
| Category | Tools & Libraries |
|---|---|
| Framework | React.js |
| Styling | Tailwind CSS |
| Animation | GSAP, Framer Motion |
| 3D Viewer | @splinetool/react-spline |
| Scrolling | Lenis |
| Icons | React Icons, Lucide React |
| UI Library | React Bits |
| Build Tool | Vite |
Ensure Node.js and npm (or yarn/pnpm) are installed.
git clone https://github.com/developerchetram/sheryians_hackathon.git
cd sheryians_hackathon/
npm install # or yarn install
npm run dev # Runs the local server at http://localhost:5173├── public/ # Static assets
├── src/ # Source code
│ ├── components/ # Reusable components (Navbar, Products, etc.)
│ ├── App.jsx # Main App component
│ ├── index.css # Global styles
│ └── main.jsx # Entry point
├── package.json
└── index.html
Your ideas and improvements are welcome!
# Fork → Clone → Create Branch → Commit → Push → PR
git checkout -b feature/YourFeatureChetram Patel – GitHub
Licensed under the MIT License – see LICENSE.md for details.