iOS Shortcut Menu Generator

A web-based tool for creating custom menus for iOS Shortcuts. Built with Astro and TailwindCSS.

🚀 Features

• Generate custom menu icons with Lucide icons
• Customize icon and background colors
• Toggle between circular and square icons
• Export as VCARD or JSON format
• Live preview of menu appearance
• Dark mode support

🛠️ Usage

1. Enter your menu details (title, subtitle, data)
2. Choose an icon from Lucide Icons
3. Customize icon colors and shape
4. Toggle between VCARD (simple) and JSON (advanced) output
5. Copy or download the generated code

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally

💡 Output Formats

Regular VCARD Format

BEGIN:VCARD
VERSION:3.0
N:Title
ORG:Subtitle
NOTE:Data
PHOTO;BASE64:{base64 icon string...}
END:VCARD

JSON Format

{
  "menu": {
    "optionOne": {
      "title": "Title",
      "sub": "Subtitle",
      "icon": "{base64 icon string...}",
      "data": "Data"
    }
  }
}

Two Column VCARD Format

BEGIN:VCARD
VERSION:3.0
N:Title
TEL;TYPE=Option:Subtitle
NOTE:Data
END:VCARD

🎨 Technologies Used

• Astro
• TailwindCSS
• Lucide Icons

Credits

• BgVault - for the inspiration and code for the gradient background.
• gluebyte - VCARD info and general Shortcuts wizardry.
• Catify - information about base64 in VCARDS.

📝 License

MIT License - feel free to use this code in your own projects!