Neo Threads - Advanced Problem Solving Search Platform

A modern, futuristic web application that helps users solve any problem through multi-platform web search. Built with cutting-edge design featuring 3D elements, glassmorphism effects, and smooth animations.

✨ Features

• Multi-Platform Search: Access 8+ search platforms from one interface
• 3D Visual Effects: Floating geometric shapes, 3D hover effects, and parallax scrolling
• Glassmorphism Design: Modern glass-like UI elements with backdrop blur
• Real-time Typing Animation: Smooth typing effects for search queries
• Category-based Search: Pre-defined categories for quick access
• Trending Topics: Popular search topics with animated gradient borders
• Responsive Design: Works perfectly on all device sizes

🚀 Tech Stack

• React 18 with Hooks (useState)
• Tailwind CSS for styling
• Lucide React for icons
• Vite for fast development and building

🎨 Design Features

• Color Scheme:

  • Primary: Cyan (#06b6d4), Electric Blue (#3b82f6), Purple (#a855f7)
  • Accents: Neon Pink (#ec4899), Emerald (#10b981)
  • Background: Dark gradients with animated mesh

• 3D Effects:

  • Floating geometric shapes in background
  • 3D card hover effects with depth and shadows
  • Parallax scrolling effects
  • Animated gradient meshes

• Animations:

  • Smooth transitions on all interactions
  • Floating animations for background elements
  • Pulse effects on important CTAs
  • Gradient animations
  • Page transitions

🛠️ Installation & Setup

1. Install Dependencies

   npm install

2. Start Development Server

   npm run dev

3. Build for Production

   npm run build

4. Preview Production Build

   npm run preview

🎯 Usage

1. Search: Enter your query in the glassmorphic search bar
2. Categories: Click on category cards to search specific topics
3. Trending: Explore trending topics with animated gradient borders
4. Results: View results across 8+ platforms with 3D hover effects
5. Explore: Click "Explore" buttons to open search results in new tabs

🔍 Supported Platforms

• Google Search - Comprehensive web results
• YouTube - Video tutorials
• Reddit - Community discussions
• Stack Overflow - Expert answers
• Twitter/X - Real-time discussions
• Medium - In-depth articles
• DuckDuckGo - Privacy-focused search
• GitHub - Code solutions

🎨 Customization

The app uses Tailwind CSS with custom configurations. You can easily customize:

• Colors in tailwind.config.js
• Animations in src/index.css
• Component styles in individual files

📱 Responsive Design

• Mobile-first approach
• Responsive grid layouts
• Touch-friendly interactions
• Optimized for all screen sizes

🌟 Key Components

• Hero Section: Large title with 3D floating shapes
• Search Bar: Glassmorphic design with neon glow
• Categories: 3D hover effects with gradient backgrounds
• Trending Topics: Animated gradient borders
• Search Results: Platform cards with 3D transforms
• Features: Glassmorphism design with icons

🚀 Performance

• Optimized with Vite for fast development
• Efficient React hooks usage
• CSS animations for smooth performance
• Minimal bundle size

📄 License

MIT License - feel free to use this project for your own purposes!

---

Neo Threads - Navigate your problems through multiple dimensions! 🚀