RITTEK / BLOCK COLLECTION 02
Große Bausteine.
Ein gemeinsames System.
24 eigenständige Layout- und Funktionsblöcke. Suche deinen Einstieg, probiere ihn aus und übernimm den vollständigen HTML-Code. Alle 14 Farbwelten, Hell/Dunkel und die unabhängigen Einstellungen für Kompaktheit und Schrift bleiben verfügbar.
24 Blöcke
Split Hero · Klarer Kurs
Geschäftlicher Einstieg mit eigenem CSS-Dashboard, Leistungsversprechen und klarer Handlungsführung.
02 / MarketingBento Features · Ein System
Asymmetrisches Funktionsraster mit fünf inhaltlich ausgearbeiteten Bausteinen und lesbaren Themenchips.
03 / MarketingPreise · Transparent planen
Drei ausgearbeitete Tarife, echte Monat/Jahr-Umschaltung und lokale Paketauswahl ohne Bestellvorgang.
04 / MarketingFAQ · Gute Antworten
Native Details-Elemente mit sechs vollständigen Antworten, ohne JavaScript und mit Mehrfachöffnung.
05 / MarketingTeam · Menschen mit Haltung
Drei Teamprofile mit Initialen, Rollen, ausführlichem Fokus und zugänglicher Darstellung ohne Bildabhängigkeit.
06 / MarketingKontakt · Das nächste Gespräch
Vollständiges lokal validiertes Formular mit Pflichtfeldern, Zustimmungsfeld und klar abgegrenztem Demo-Erfolg.
07 / Business & AnwendungKPI- und Trendübersicht
Ruhige Business-Kennzahlen mit interaktivem Zeitraumwechsel und ergänzendem, dekorativem Balkendiagramm. Alle Werte sind fiktiv.
08 / Business & AnwendungAktivitätsfeed mit Lesestatus
Alle oder ungelesene Aktivitäten anzeigen und einzeln als gelesen markieren. Der Zustand bleibt nur in dieser Vorschau.
09 / Business & AnwendungAufgabenboard mit Statuswechsel
Aufgaben über native Selects verschieben und die Statussummen sofort sehen. Funktioniert ohne Drag-and-drop mit Tastatur, Maus und Touch.
10 / Business & AnwendungIntegrationseinstellungen
Native Schalter für Beispielintegrationen mit lokalem Übernehmen und Rücksetzen. Kein Server, kein Browser-Speicher, keine echten Verbindungen.
11 / CommerceProduktkollektion mit Suche
Sechs gestaltete Produktkarten mit kombinierter Namenssuche und Kategorieauswahl, echtem Leerzustand und nativen Material-Details. Keine externen Bilder.
12 / CommerceProduktdetail als Quick View
Ein nativer modaler Dialog mit Fokusbegrenzung, Escape, ausdrücklichem Schließen, Variantenwahl, validierter Menge und lokaler Auswahlbestätigung.
13 / CommerceLokaler Warenkorb mit Mengenänderung
Drei Beispielpositionen, direkte Mengenfelder, Plus/Minus, Entfernen und Cent-genaue Artikelsumme. Mit Mengenvalidierung, leerem Zustand und Fokusführung beim Entfernen; bewusst ohne Kasse.
14 / CommerceBewertungsübersicht mit Sternefilter
Vier ausdrücklich fiktive Bewertungen, nachvollziehbarer Gesamtdurchschnitt und Verteilung sowie exakter Sternefilter mit Leerzustand. Keine erfundenen Verifikationsabzeichen.
15 / Kommunikation & PräferenzenNewsletter · Ein guter Gedanke
Inline-Anmeldung mit nativer E-Mail-Validierung und ehrlicher lokaler Demo-Bestätigung ohne Versand.
16 / Kommunikation & PräferenzenAnkündigung · Zum richtigen Zeitpunkt
Schließbares Informationsbanner mit sicherem Fokuswechsel und jederzeit erreichbarer Wiederanzeigen-Aktion.
17 / Kommunikation & PräferenzenPräferenzen · Du entscheidest
Nativer Einstellungsdialog mit drei echten Auswahlaktionen und ausschließlich flüchtigem Demo-Zustand.
18 / Kommunikation & PräferenzenStimmen · Perspektiven wechseln
Drei fiktive ausführliche Referenzstimmen mit manueller zyklischer Navigation und nachvollziehbarem Index.
19 / DatenverwaltungLokale Bestandsverwaltung
Anlegen, Bearbeiten, Details und bestätigtes Löschen mit Undo. Native Dialoge, Suche und aufsteigende Sortierung.
20 / DatenverwaltungFacettierte Suche im Drawer
Seitlicher nativer Dialog mit Kategorien, Status und validiertem Preisbereich. Anwenden aktualisiert lokale Ergebniskarten.
21 / DatenverwaltungAuswahl und CSV-Export
Zeilen auswählen, sichtbare Auswahl gesammelt setzen und ausschließlich ausgewählte Artikel herunterladen.
22 / Bestellungen & CheckoutBestellübersicht mit Details
Vier fiktive Bestellungen mit kombinierter Produkt-/Nummernsuche, Statusfilter, nativen Positionsdetails und zugänglichem Detaildialog inklusive Cent-genauer Summen.
23 / Bestellungen & CheckoutSendungsverfolgung mit Beispielstatus
Drei fiktive Bestellungen und drei manuell wählbare Statusvarianten. Semantische Timeline mit aktuellem Schritt, festen Beispiel-Zeitstempeln und ausdrücklich ohne Live-Tracking.
24 / Bestellungen & CheckoutMehrstufiger Demo-Checkout
Fiktive Adresse mit nativer Pflichtfeldprüfung, drei Versandbeispiele mit Cent-Summen, pruefbare Zusammenfassung und Vor/Zurück-Navigation. Abschluss beendet nur die Demo; keine Bestellung oder Zahlung.
Keine passenden Blöcke. Suche oder Bereich ändern.
Die Sammlung wächst in Paketen.
Zwei Pakete: Marketing, Business, Commerce, Kommunikation, Datenverwaltung und Bestellungen. Erweiterte Tabellen und Admin-Layouts findest du ebenfalls in der Dokumentation. Weitere Varianten für Navigation, Authentifizierung und Inhalte folgen schrittweise.
Untersuchte Referenzen: FlyonUI Blocks und Flowbite Blocks. Erfasste Kategorien und Ausbauplan. Kategorien und öffentlich zugängliche Vorschauen dienten der Funktionsanalyse. Rittek verwendet eigene Implementierungen, Texte und Illustrationen; geschützter Premium-Quellcode wurde nicht übernommen.