Mintlify Clone

A modern, responsive landing page clone inspired by Mintlify's design, featuring glassmorphism effects and smooth animations.

Features

• Glassmorphism UI: Translucent navbar and components with backdrop blur effects
• Centered Layout: Fixed 1024px max-width content area for optimal readability
• Responsive Navigation: Clean navbar with centered links and action buttons
• Email Subscription: Glass-effect email input with send button
• Hero Section: Image with overlay text and hover effects
• Modern Footer: Three-column footer layout with organized links

Screenshots

Homepage with glassmorphism navbar and hero section

Glass-effect email subscription component

Three-column footer with organized navigation

Technologies Used

• HTML5
• CSS3
  • Flexbox layout
  • Glassmorphism effects
  • CSS transitions and transforms
  • Backdrop filters

Project Structure

├── index.html
├── style.css
├── bg-light.svg
├── mintlify-wordmark.svg
├── logo.svg
└── Screenshots/
    ├── ss1.png
    ├── ss2.png
    └── ss4.png

Setup

1. Clone the repository
2. Open index.html in your browser
3. No build process or dependencies required

Customization

• Adjust the background by replacing bg-light.svg
• Modify colors in style.css
• Change navbar links in index.html
• Update footer columns with your own links

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Note: backdrop-filter requires modern browser support.

License

This project is for educational purposes.

Author

Created by @undersolved