Skip to content

A beautiful, modern, and interactive islamic wedding invitation website built with Vite ( React ), Tailwind CSS, and Framer Motion. Created with ❤️ by @mrofisr.

License

Notifications You must be signed in to change notification settings

mrofisr/islamic-wedding-invitation

Repository files navigation

Modern Islamic Wedding Invitation Website

Preview

A beautiful, modern, and interactive wedding invitation website built with Vite ( React ), Tailwind CSS, and Framer Motion. Created with ❤️ by @mrofisr.

✨ Features

  • 🎨 Modern and elegant design
  • 📱 Fully responsive layout
  • 🎵 Background music with controls
  • 💌 Interactive wishes section ( WIP )
  • ⚡ Smooth animations and transitions
  • 🎉 Confetti effects
  • 📅 Countdown timer
  • 🗺️ Google Maps integration
  • 📱 Mobile-first approach

🚀 Tech Stack

📦 Installation

  1. Clone this repository:
git clone https://github.com/mrofisr/wedding-invitation.git
cd wedding-invitation
bun install
  1. Configure your wedding details:
  • Open src/config.js
  • Update the configuration with your wedding information
  • Customize colors, themes, and other settings
  1. Run the development server:
bun run dev

Open http://localhost:3000 with your browser to see the result.

🎨 Customization

Configuration All customizable options are available in src/config.js:

const config = {
  meta: {
    title: "Your Wedding Title",
    // ...
  },
  couple: {
    groomName: "Groom Name",
    brideName: "Bride Name",
    // ...
  },
  // ... other configurations
};

📝 License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

Copyright (c) 2024-present mrofisr

License

Commercial Use

This software can be used commercially. You may:

  • Use the software for commercial purposes
  • Modify the software and create derivative works
  • Distribute the software and modifications
  • Sublicense and sell copies of the software

Requirements

When using this software, you must:

  • Include the original copyright notice
  • Include the Apache License 2.0
  • State significant changes made to the software
  • Include any notices in source files that have been modified

Additional Protection

The Apache License 2.0 provides:

  • Patent protection
  • Trademark protection
  • No warranty or liability
  • Clear contribution terms

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page.

💖 Support

Give a ⭐️ if this project helped you!

🤲 Closing Statement

May Allah, the Most Glorified and Exalted, grant us guidance and success, and make this project a lasting charity (amal jariyah).

📫 Contact

Made with ❤️ by @mrofisr