CSSonly - ein reines CSS UI Kit

CSSonly ist ein leichtgewichtiges CSS-UI-Kit für moderne Webseiten. Alle Komponenten basieren ausschließlich auf CSS und kommen ohne JavaScript-Abhängigkeiten oder zusätzliche Bibliotheken aus.

Mit einem Mobile-First-Ansatz und flexiblen Komponenten lassen sich responsive Layouts schnell erstellen und individuell anpassen – vom einfachen One-Pager bis zum komplexen Dashboard.

Ideal für Entwickler, Designer und alle, die ein schlankes CSS-Framework ohne unnötige Komplexität suchen.

Warum CSSonly?

Die wesentlichen Merkmale auf einen Blick:

Reines CSS
CSSonly ist reines CSSKeine JavaScript-Abhängigkeiten und keine zusätzlichen Frameworks. CSSonly funktioniert direkt im Browser.
Mobile First
CSSonly ist mobile-firstResponsive Komponenten nach dem Mobile-First-Prinzip für eine optimale Darstellung auf allen Bildschirmgrößen.
Leichtgewichtig
CSSonly ist leichtgewichtigEine kompakte CSS-Datei sorgt für schnelle Ladezeiten und einen geringen Ressourcenverbrauch. Mit weniger als 22 KB bleibt CSSonly besonders schlank.
Einfache Handhabung
CSSonly einfache HandhabungKlar strukturierte Komponenten, die sich einfach kombinieren und erweitern lassen.
Flexibel
CSSonly ist flexibelDie Komponenten lassen sich flexibel kombinieren und ermöglichen individuelle Layouts ohne feste Vorgaben.
Einfach anzupassen
CSSonly ist einfach anzupassenÜber Variablen und den CSS Generator lässt sich das Erscheinungsbild schnell an eigene Wünsche anpassen.

Layout Beispiele

Entdecke verschiedene Layout-Beispiele und nutze sie als Grundlage für eigene Projekte. Alle Beispiele stehen auch zum Download bereit.

Blog

Beispiel für ein Blog Layout

Benutzte Komponenten: Breadcrumb, Buttons, Cards, Grid, Highlight, Media, Grid, Pagination

Sign-in

Beispiel für ein Sign-in Layout

Benutzte Komponenten: Buttons, Cards, Forms, Hero

Admin Dashboard

Beispiel für ein Admin Dashboard Layout

Benutzte Komponenten: Buttons, Cards, Grid, Highlight, Grid, Progress Bar

1-spaltig
Beispiel für ein 1-spaltiges Layout
2-spaltig
Beispiel für ein 2-spaltiges Layout
3-spaltig
Beispiel für ein 3-spaltiges Layout
Starter Template
Blankovorlage
Off Canvas
Beispiel für ein Off Canvas Layout

CSSonly individuell gestalten? Mit dem CSS Generator lässt sich das Erscheinungsbild schnell und einfach anpassen.

Verbesserungsvorschlag oder einen Fehler gefunden? Kontakt aufnehmen