Minicon Component Library

Fullscreen Hero-Sektion mit Hintergrundbild, Overlay, optionalem Logo und Call-to-Action.

Interaktive 3D-Galaxy-Animation mit Three.js. Reagiert auf Mausbewegung und Scroll.

Responsive Navigation mit dynamischem Overflow-Burger-Menü. Misst automatisch die Breite der Nav-Items und verschiebt überzählige Einträge in ein ausklappbares Burger-Menü.

Navigation mit animierter Wasser-Spiegelung unter den Links. Bei Hover erscheint unter dem Text eine leicht wabernde Spiegelung — wie ein Schriftzug, der sich in einer Wasseroberfläche spiegelt. Inkl. Priority-Overflow ins Burger-Menü.

Sticky Header-Navigation mit gruppierten Sektionen (Desktop-Dropdown / Mobile-Drawer mit Kontakt-Block). Ideal für Vereine und Sites mit mehreren Inhaltsgruppen.

Responsive Bildergalerie mit klickbarer Lightbox-Vollansicht und Navigation.

Team-Vorstellung in zwei Varianten: Einzelbild mit Text oder Mitglieder-Grid mit Fotos.

Interaktive Speisekarte mit Kategorie- und Diät-Filtern, Preisvarianten und Tags.

Öffnungszeiten-Anzeige als Tabelle. Hebt den aktuellen Wochentag hervor.

Vollständiges Vereins-Anmeldungs-Formular mit Persönlichen Daten, Familienmitgliedern, SEPA-Lastschrift, Einwilligungen, digitaler Unterschrift (Canvas), Minderjährigen-Option und optionaler PDF-Generierung.

DSGVO-konformes Kontaktformular mit API-Anbindung an die Minicon Contact API.

DSGVO Cookie-Hinweis Banner. Speichert die Zustimmung in localStorage.

Facebook Page Plugin mit DSGVO Zwei-Klick-Consent. Lädt externe Inhalte erst nach Zustimmung.

Google Maps Karte mit DSGVO Zwei-Klick-Consent. Lädt die Karte erst nach Zustimmung.

3D Neon-Grid mit schwebenden Cubes, Partikeln, Glow-Orbs und hexagonalem Overlay. Ideal als Hintergrund für Tech-Landingpages.

3D Diamond-Visualisierung mit Energy-Lines, schwebenden Code-Snippets, Sparkles und Orbiting-Ringen.

SVG-basiertes animiertes Circuit-Logo mit Glow-Effekten und Verbindungspfaden.

Animierte Pipeline-Visualisierung mit Agent-Nodes, Bezier-Verbindungen und fließenden Task-Segmenten.

Kaufhinweis-Banner für Demo-Websites. Prüft über die API ob die Site bezahlt ist. Zeigt personalisierten Angebotspreis.

Lila Banner für Preview-Domains. Zeigt "Vorschau-Ansicht" mit Link zur Live-Website.