Crumbs

Crumbs ist ein behagliches CSS-Framework, das flexible Layouts und Unterstützung für den Dark-Mode für moderne Benutzeroberflächen bietet.

Motivation

Die Motivation für Crumbs kam ursprünglich daher, dass alle Cozy Badger Applikationen einheitlich und gleichartig im Auftritt sein sollten. Daraus ergab sich die Möglichkeit, ein Open-Source-CSS-Framework zu veröffentlichen und allen verfügbar zu machen.

Features

Einige Dinge waren bei der Entwicklung von Crumbs sehr wichtig und sind direkt in den verfügbaren Features reflektiert.

Minimal & Leichtgewichtig

Crumbs versucht nicht mit großen Frameworks wie Bootstrap oder Semantic UI zu konkurrieren. Stattdessen fokussiert Crumbs sich vollständig auf CSS und versucht leichtgewichtig zu bleiben. Der modulare Aufbau lässt es auch zu, dass man nur das bekommt, was man wirklich benötigt.

Responsives Design

Crumbs enthält ein responsives Grid-System und responsive Utility-Klassen, mit denen Sie Layouts erstellen können, die auf allen Bildschirmgrößen funktionieren.

Vordefinierte Komponenten

Crumbs enthält eine Vielzahl vordefinierter Komponenten wie Buttons, Formulare und Navigationsmenüs, die sich leicht anpassen und in Ihr Projekt integrieren lassen.

Utility Klassen

Crumbs bietet eine Reihe von Utility-Klassen für gängige Aufgaben wie Abstände, Typografie und Farben, sodass Sie ganz einfach einheitliche Stile in Ihrem gesamten Projekt anwenden können.

Jetzt loslegen

Wenn du Crumbs in Aktion sehen willst, schau dir gern die Demo, oder eines der Beispiele an. Dort findest du auch eine Anleitung, wie du Crumbs via NPM oder CDN direkt nutzen kannst und deinen Webseiten den Cozy Look verpasst.

Open Source

Crumbs ist Open Source, damit du jederzeit sehen kannst, wie es funktioniert, Fehler nachvollziehen kannst und volle Kontrolle behältst. Keine Black Box, keine versteckten Überraschungen. Nur ein Framework, das dir gehört.

Weil der Code offen ist, kann Crumbs kontinuierlich überprüft, verbessert und gepflegt werden. Du bist nicht an die Entscheidungen eines einzelnen Anbieters gebunden – Crumbs bleibt, auch wenn alles andere sich ändert.

Use Cases

Crumbs ist primär auf Applikationen im Cozy Badger Kontext ausgelegt. Dennoch kannst du Crumbs auch gern nutzen für dein eigenes Blog, deine Produktseite oder Webshop. Auf der Demo Seite kannst du dir auch entsprechende Beispiele dazu anschauen.

Feedback und Mitwirken

Crumbs ist darauf ausgelegt, von euch mitentwickelt zu werden. Wenn ihr etwas findet, dass nicht funktioniert, ein Feature vermisst oder einfach mal schauen wollt, was auf der Roadmap steht, dann schaut gern im Projektbacklog vorbei. Dieses wird öffentlich gepflegt und es gibt keine "Hidden Agenda".