GlassKit Web v1.0.0
🇩🇪 DE
Astro 5 20 Sections B2C + B2B Bilingual

Complete websites with
Glassmorphism

The official website template for the GlassKit design language – built by Jungherz GmbH. One codebase that speaks to B2C and B2B audiences, bilingual out of the box, with SEO, no-JS fallbacks and a Playwright smoke suite as the deploy gate.

Live Demo Documentation GitHub
In production
MonaOffice MonaHilft MonaCore Wimmer Service JUNGHERZ
One codebase, two audiences
A runtime switch flips copy, tone, pricing and testimonials between private and business customers – same design language, two voices.
20 composable sections
Hero to pricing to contact form: compose what the project needs, delete the rest. Visualizations are built from DOM/SVG, never screenshots.
SEO, i18n & tests built in
Canonical, hreflang, sitemap, RSS, structured data – plus a Playwright smoke suite that blocks every broken deploy.
AI-ready
A machine-readable SKILL.md plus llms.txt: hand the repo URL to an AI assistant and derive a full site from the recipes.
Section catalog

Every section, live in the demo.

The fictional brand LUMEN shows the whole catalog in action. Each chip jumps straight to that section in the live demo – glassmorphism only works on a real page, so there are no screenshots here.

Hero Features Bento Process Flow Showcase Cases Team Pricing FAQ Contact form Editorial Hero Logo Strip Stats Quote CTA Banner Blog (opt-in) Legal pages

Unlinked sections are alternatives or opt-ins without their own anchor – the docs catalog lists all of them.

The GlassKit family

Three layers, one design language.

CSS foundation
GlassKit
The design language: 24 pure-CSS glassmorphism components, design tokens, dark & light – zero dependencies.
 App layer
GlassKit Elements
29 vanilla web components with Shadow DOM and native form participation – GlassKit for application UIs.
Website layer · you are here
GlassKit Web
The Astro template for complete marketing websites – sections, i18n, SEO and tests on top of the GlassKit foundation.
Quick start

From template to first page in minutes.

# Scaffold a new project from the template
npm create astro@latest my-site -- --template JUNGHERZ/GlassKit-Web
cd my-site
npm install
npm run dev

Or click “Use this template” on GitHub – then follow the recipe in SKILL.md, or hand that file to your AI assistant and let it do the deriving — the ready-made prompt is in the docs.