Cursor Landing Page Clone 🚀 A high-fidelity landing page clone of Cursor, the AI code editor. This project focuses on modern web aesthetics, utilizing Tailwind CSS for a sleek dark mode UI and JavaScript for interactive components like draggable windows.
✨ Features Responsive Navigation: A clean, dark-themed navbar with a mobile hamburger menu and video logo integration.
Hero Section: High-impact typography with a "Download for Windows" call-to-action featuring custom hover animations.
Draggable Interface: A custom JavaScript-powered interactive preview where the editor window can be moved within its container boundaries.
Feature Grids: Responsive grid layouts showing tool integrations (8-column desktop / 4-column mobile) and feature cards (3-column desktop / 2-column mobile).
Pixel Perfect Design: Custom borders (border-white/10), specific hex colors (#0b0b0b), and "Inter" style typography.
Optimized Assets: Uses native .mp4 video for the logo and optimized SVG iconography.
🛠️ Built With HTML5: Semantic structure.
Tailwind CSS: Utility-first styling via the Play CDN.
JavaScript (ES6): Logic for the draggable window component and mobile menu toggle.
🚀 Getting Started To run this project locally, simply clone the repository and open the index.html file in your browser.
Clone the repository
Bash git clone https://github.com/omWAL/Cursor-UI-clone.git Navigate to the project folder
Bash cd cursor-clone Open in Browser Double-click index.html or use a "Live Server" extension in VS Code.