A fully reimagined, futuristic, and immersive redesign of Inlighn Tech, built for Frontend Battle 2.0 – Round 2.
Crafted with cutting-edge technologies, stunning UI/UX, 3D visuals, interactive animations, and complete responsiveness.
Inlighn FutureVerse UI is a creative redesign of the Inlighn Tech platform – a company offering premium internship programs in:
- Cybersecurity
- Full Stack Development
- Data Science
- Data Analytics
The UI emphasizes:
- 🌀 Immersive 3D animations
- ✨ Modern UI principles
- 📱 Fully responsive layouts
- 🎮 Interactive gamified experience
- 🧠 AI-driven user interactions
- 💼 Real-world program previews with coupon integration
- ✅ Responsive UI (Mobile, Tablet, Desktop)
- ✅ Custom 3D Hero Section (Three.js / R3F)
- ✅ Interactive Cursor & Visual Ripple Effects
- ✅ AI Assistant with FAQ / Chat UI
- ✅ Navigation: Home | About | Programs | Verify Certificate | Contact
- ✅ Internship Program Cards (Data fetched or statically generated)
- ✅ Fake Checkout System with Coupon UI
- ✅ Mini Coding Playground (Monaco / CodeMirror powered)
- ✅ Footer with Inline SVG Social Icons (no external CDNs)
- ✅ Scroll-triggered animations (Framer Motion or GSAP)
- ✅ Theme-adaptable Color Palette (Inspired by official branding)
- ✅ Embedded Games (e.g., Cyber Maze or Mini Quiz)
- ✅ Favicon, SEO Tags & OG Meta Optimized
- ✅ Built with Vite + React + SWC + Tailwind CSS + TypeScript
| Tool / Library | Purpose |
|---|---|
| Vite + React + SWC | Core front-end framework |
| Tailwind CSS | Utility-first CSS |
| TypeScript | Static typing |
| Framer Motion | Smooth animations |
| React Three Fiber | 3D components |
| ShadCN / Radix UI | Elegant, accessible UI components |
| EmailJS / Resend | Contact form email handling (optional/if backend is done) |
| React Router DOM | Page routing |
git clone https://github.com/your-username/inlighn-futureverse-ui.git cd inlighn-futureverse-ui npm install npm run dev
Bounty 2 Used In Loading Screen Try Moving Your Cursor