Skip to content

A professional Multilingual Cyberpunk-styled web tool to generate complete HTML meta data blocks automatically.

License

Notifications You must be signed in to change notification settings

bylickilabs/meta-code-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

🧠 META CODE GENERATOR

A professional Multilingual Cyberpunk-styled web tool to generate complete HTML meta data blocks automatically.

meta

Beschreibung (German)

Meta Code Generator ist ein modernes Web-Tool, das automatisch vollständige HTML-Meta-Blöcke erzeugt.
Durch einfaches Ausfüllen der Felder werden sofort gültige <head>-Sektionen generiert — inklusive Favicon, Open-Graph-Daten und mehr.

Das Projekt ist vollständig zweisprachig (Deutsch/Englisch), responsiv und im neon-inspirierten Cyberpunk-Design mit Bootstrap 5 realisiert.
Zudem ist ein animierter GitHub-Button integriert, der direkt auf mein Profil verweist.


Description (English)

Meta Code Generator is a modern web application that automatically creates complete HTML meta data blocks.
By filling in simple input fields, you instantly generate valid <head> sections — including favicon, Open Graph, and SEO-optimized tags.

The tool is fully bilingual (German/English), responsive, and designed in a neon cyberpunk aesthetic using Bootstrap 5.
An animated GitHub button connects directly to my GitHub profile.


✨ Features

Deutsch English
🧩 Automatische Generierung kompletter <head>-Strukturen 🧩 Automatic generation of full <head> structures
🌐 Sprachauswahl: Deutsch / Englisch 🌐 Language switch: German / English
💡 Open Graph & Twitter Meta-Tags 💡 Open Graph & Twitter meta tags
🖼️ Favicon-Integration 🖼️ Favicon integration
🧱 Bootstrap 5 Frontend 🧱 Bootstrap 5 frontend
💻 Live-Ausgabe mit Copy-Button 💻 Live output with copy button
⚙️ Animierter GitHub-Button mit Zoom-Effekt ⚙️ Animated GitHub button with zoom effect
🕶️ Cyberpunk-Neon-Design 🕶️ Cyberpunk neon theme

🚀 Live-Demo

🌐 Internal LINK


🧰 Verwendung / Usage

Germane:

  1. Öffne die Datei index.html im Browser.
  2. Trage deine Metadaten (Titel, Beschreibung, Favicon, usw.) ein.
  3. Klicke auf „Meta-Code generieren“.
  4. Kopiere den Code aus dem rechten Fenster und füge ihn in dein HTML-Projekt ein.

English:

  1. Open index.html in your browser.
  2. Fill in your metadata (title, description, favicon, etc.).
  3. Click “Generate Meta Code”.
  4. Copy the code from the right panel into your HTML project.

🧑‍💻 Entwickler / Developer

Thorsten Bylicki
BYLICKILABS 🔗 GitHub @bylickilabs
🌐 www.bylickilabs.de


📄 Lizenz / License

This project is licensed under this LICENSE