webbloqs — Bausteine für Ihre Website.

Das von Quatico entwickelte Web-Component-Design-System.
webbloqs sind HTML custom elements mit global themed CSS. Sie fügen sie mit einer durchdachten API zusammen — im Frontend-Framework Ihrer Wahl, ohne zusätzliches CSS. Diese Seite verkauft nichts; sie zeigt Ihnen die Technologie, mit der wir bauen.
Zurück zu Technologie
webbloqs.io ansehen

Was ist webbloqs?

webbloqs ist ein Web-Component-Design-System. Ein webbloq ist ein visuelles Pattern mit modularem Styling und isoliertem Markup, gebaut mit Web-Component-Technologie. Ein Compiler übersetzt die Standard-HTML-API in höhere Abstraktionen, die für die native Verwendung in Frontend-Frameworks geeignet sind. So können Sie sich auf die Business-Logik konzentrieren, ohne sich um Browser-Quirks oder Seiteneffekte umgebender Styles zu kümmern.

Drei Merkmale

  • Parameterizable

    Eine Reihe von Properties ändert Markup oder Verhalten eines webbloqs — konfigurierbar, ohne das Styling zu beeinflussen.

  • Styleable

    CSS Custom Properties modifizieren die visuelle Darstellung. Das Aussehen ändern Sie über das globale Theme.

  • Composable

    Über die Standard-Web-Component-API kombinieren Sie webbloqs zu komplexeren Komponenten.

Was Ihnen das bringt

  • Konsistenz über Projekte

    Ein globales Theme hält das Design über verschiedene Komponenten und Projekte hinweg einheitlich.

  • Ein Codebase

    Dieselben Komponenten laufen in React, Lit, Vue.js oder purem HTML — ein Codebase für verschiedene Plattformen.

  • Fokus auf Business-Logik

    Isoliertes Markup und Styling nehmen Ihnen Browser-Quirks und Seiteneffekte ab — Sie konzentrieren sich auf die Geschäftslogik.

In Ihrem Framework

  • React · @webbloqs/react
  • Lit
  • Vue.js
  • Pures HTML

Belegbar, nicht behauptet

Der stärkste Beweis: Diese Website ist selbst mit webbloqs gebaut. Wir setzen @webbloqs/elements und @webbloqs/react produktiv ein — wir nutzen unsere eigenen Werkzeuge. Sehen Sie sich den Catalog und die Dokumentation an, statt uns zu glauben.

Klingt nach der richtigen Grundlage für Ihre Website?

Sprechen wir darüber, wie webbloqs Ihrem Projekt dient — ergebnisoffen, wir schauen gemeinsam, was Ihr Fall wirklich braucht.

Einsatz besprechen
Jan

Lieber persönlich?

Jan — Rufen Sie an, schreiben Sie eine E-Mail, oder schildern Sie Ihr Anliegen — was Ihnen lieber ist.

jan@quatico.com