Prism Web is a cutting-edge, visually stunning web application that showcases the future of browser technology. Built with modern web technologies, it demonstrates the perfect fusion of AI capabilities and browser functionality through an immersive, interactive user experience.
- 🎨 Stunning Visual Effects - Advanced 3D rendering and prismatic animations
- 🚀 High Performance - Optimized for speed and smooth interactions
- 📱 Fully Responsive - Perfect experience across all devices
- 🎯 Interactive UI - Custom cursor animations and dynamic elements
- 🌟 Modern Design - Clean, professional, and futuristic interface
- 🔒 Privacy-First - No data collection, no tracking, complete privacy
- ⚡ Fast Loading - Optimized assets and efficient code splitting
.png)
| Technology | Version | Purpose | Logo |
|---|---|---|---|
| Next.js | 15.5.3 | React Framework |  |
| React | 19.1.0 | UI Library |  |
| TypeScript | Latest | Type Safety |  |
| Tailwind CSS | Latest | Styling |  |
| Technology | Version | Purpose | Logo |
|---|---|---|---|
| GSAP | Latest | Advanced Animations |  |
| Three.js | Latest | 3D Graphics |  |
| React Three Fiber | Latest | React 3D |  |
| React Three Drei | Latest | 3D Helpers | |
| Technology | Version | Purpose | Logo |
|---|---|---|---|
| Lucide React | Latest | Icon Library |  |
| React Icons | Latest | Additional Icons |  |
| Radix UI | Latest | Headless Components |  |
| Technology | Version | Purpose | Logo |
|---|---|---|---|
| ESLint | Latest | Code Linting |  |
| PostCSS | Latest | CSS Processing |  |
| Git | Latest | Version Control |  |
| GitHub | Latest | Repository Hosting |  |
- Node.js (v18+ recommended)
- npm, yarn, pnpm, or bun
# Clone the repository
git clone https://github.com/NobinSijo7T/prism-web.git
# Navigate to project directory
cd prism-web
# Install dependencies
npm install
# or
yarn install
# or
pnpm install# Start development server
npm run dev
# or
yarn dev
# or
pnpm dev
# Open browser and navigate to
# http://localhost:3000# Build for production
npm run build
# Start production server
npm run startprism-web/
├── 📁 app/ # Next.js App Router
│ ├── 📄 page.js # Homepage
│ ├── 📄 layout.js # Root layout
│ ├── 📁 privacy/ # Privacy policy page
│ └── 📁 team/ # Team page
├── 📁 components/ # React components
│ ├── 📁 ui/ # Reusable UI components
│ ├── 📄 CardNav.jsx # Navigation component
│ ├── 📄 Footer.jsx # Footer component
│ ├── 📄 TargetCursor.jsx # Custom cursor
│ └── 📄 ... # Other components
├── 📁 public/ # Static assets
│ ├── 🖼️ nav-logo.png # Logo
│ ├── 🎥 laserflow.mp4 # Background video
│ └── 🖼️ ... # Other assets
├── 📁 lib/ # Utility functions
└── 📄 package.json # Dependencies
| Color | Hex | Usage |
|---|---|---|
| Prism Green | #88E755 |
Primary brand color |
| Dark Background | #060010 |
Main background |
| Light Text | #FFFFFF |
Primary text |
| Accent Colors | Various | Interactive elements |
We welcome contributions! Here's how you can help:
- 🍴 Fork the repository
- 🔀 Create a feature branch (
git checkout -b feature/AmazingFeature) - 💾 Commit your changes (
git commit -m 'Add some AmazingFeature') - 📤 Push to the branch (
git push origin feature/AmazingFeature) - 🔄 Open a Pull Request
| 🎯 Milestone | ✅ Status | 📅 Date |
|---|---|---|
| Project Setup | Complete | ✅ 2024 |
| Core Features | Complete | ✅ 2024 |
| Mobile Optimization | Complete | ✅ 2024 |
| Performance Optimization | Complete | ✅ 2024 |
| Privacy Policy | Complete | ✅ 2024 |
| Team Page | Complete | ✅ 2024 |
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js Team for the amazing framework
- Vercel for hosting and deployment
- GSAP for powerful animations
- Three.js for 3D graphics capabilities
- Tailwind CSS for utility-first styling
- Open Source Community for inspiration and tools