https://github.com/bylickilabs/meta-code-generator
A professional Multilingual Cyberpunk-styled web tool to generate complete HTML meta data blocks automatically.
https://github.com/bylickilabs/meta-code-generator
bootstrap5 bylickilabs code-generator css3 cyberpunk-theme favicon frontend html5 javascript meta-tags meta-tags-generator metadata neon-design open-graph opensource-projects responsive-web-design seo twitter-cards ui-design web-tools
Last synced: about 1 month ago
JSON representation
A professional Multilingual Cyberpunk-styled web tool to generate complete HTML meta data blocks automatically.
- Host: GitHub
- URL: https://github.com/bylickilabs/meta-code-generator
- Owner: bylickilabs
- License: mit
- Created: 2025-11-11T22:17:54.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-11-12T04:33:21.000Z (5 months ago)
- Last Synced: 2026-01-13T06:14:40.422Z (3 months ago)
- Topics: bootstrap5, bylickilabs, code-generator, css3, cyberpunk-theme, favicon, frontend, html5, javascript, meta-tags, meta-tags-generator, metadata, neon-design, open-graph, opensource-projects, responsive-web-design, seo, twitter-cards, ui-design, web-tools
- Language: HTML
- Homepage: https://bylickilabs.github.io/meta-code-generator/
- Size: 21.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🧠 META CODE GENERATOR
A professional Multilingual Cyberpunk-styled web tool to generate complete HTML meta data blocks automatically.
| 
|
|---|
---
## 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 ``-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 `` 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 ``-Strukturen | 🧩 Automatic generation of full `` 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](https://bylickilabs.github.io/meta-code-generator)
---
## 🧰 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](https://github.com/bylickilabs)
🌐 [www.bylickilabs.de](https://www.bylickilabs.de)
---
## 📄 Lizenz / License
This project is licensed under this [LICENSE](LICENSE)