Awesome GitHub RepositoriesClassless CSS Frameworks

A minimalist CSS framework.

Water.css is a minimalist, classless CSS framework and library designed to apply visual improvements directly to standard HTML elements. It maps curated styles to native tags, allowing for clean and professional website interfaces without the need for custom class names. The library features an adaptive theme system that automatically switches between light and dark color schemes based on operating system user preferences. It also uses root-level CSS variables, enabling the customization of base colors and spacing to create unique visual identities. The project provides capabilities for rapi

mvp ist ein klassenloses CSS-Framework und eine minimalistische Bibliothek, die standardmäßige visuelle Styles direkt auf HTML-Elemente anwendet. Es bietet ein anpassbares Theme, das darauf ausgelegt ist, saubere Seiten und polierte Interfaces ohne die Verwendung von CSS-Klassen zu erstellen. Das System verwendet zentralisierte CSS-Variablen zur Verwaltung globaler UI-Anpassungen, wodurch Farben und Schriftarten über das gesamte Interface hinweg von einem einzigen Ort aus aktualisiert werden können. Dieser Ansatz unterstützt einen schnellen Prototyping-Workflow für die Entwicklung von Proofs of Concept. Die Bibliothek deckt das Styling von Standard-HTML-Elementen ab, einschließlich Formular-Controls, Typografie und Layout-Komponenten. Sie enthält einen Baseline-Browser-Reset und eine globale Style-Normalisierung, um konsistente Abstände und Ausrichtungen über verschiedene Browser hinweg sicherzustellen.

simple.css is a classless CSS framework that styles plain, semantic HTML with sensible defaults, requiring no CSS classes or JavaScript. It automatically applies a dark color scheme based on system preference, sets responsive typography and spacing from a modular scale, and includes a minimal CSS reset to normalize browser defaults. The entire framework lives in a single file with no dependencies. The framework uses only element selectors, so any standard HTML page becomes visually presentable with a centered, max-width layout, accessible interactive elements (buttons, forms, navigation), and

Sakura is a classless CSS framework and minimalist web theme that provides layout and component styles for plain HTML elements. It functions as a responsive dark mode theme, applying modern typography and spacing without requiring utility classes. The project serves as a CSS user style sheet that can be injected into external websites via bookmarklets or scripts to improve readability and modernize the visual standards of third-party pages. The framework includes a system for custom theme configuration through color and typography variables, automatic dark mode support based on system media

new.css ist ein klassenloses CSS-Framework, das semantische HTML-Elemente automatisch stylt. Es bietet ein modernes visuelles Design für Websites durch die Anwendung von Regeln direkt auf Standard-HTML-Tags, wodurch die Notwendigkeit für manuelle Klassennamen-Zuweisungen entfällt. Das Projekt enthält eine CSS-Theme-Engine und vordefinierte ästhetische Skins, wie einen kontrastreichen Dark-Mode und eine Oberfläche im Terminal-Stil mit Monospace-Schriftarten und Farbschemata im Command-Line-Stil. Diese visuellen Identitäten werden über CSS-Variablen verwaltet, was die Anpassung der Palette und den Wechsel zwischen Themes ermöglicht. Das Framework deckt eine Reihe visueller Funktionen ab, einschließlich responsiver, flüssiger Typografie und technischer Textformatierung für Codeblöcke und Tastatureingaben. Es bietet zudem Styling für interaktive Disclosure-Widgets, um aufklappbare Inhaltsbereiche ohne die Verwendung von JavaScript zu erstellen.

Picnic ist ein leichtgewichtiges CSS-Framework, das darauf ausgelegt ist, die Entwicklung responsiver Web-Interfaces zu beschleunigen. Es bietet eine grundlegende Styling-Basis, die visuelle Designs direkt auf native HTML-Elemente anwendet, was die Erstellung sauberer und zugänglicher Layouts ohne umfangreiche benutzerdefinierte Klassennamen ermöglicht. Das Framework zeichnet sich dadurch aus, dass es interaktive UI-Komponenten – wie Modals, Tabs und Navigationsmenüs – vollständig mittels CSS implementiert. Durch die Nutzung von Pseudo-Klassen und Sibling-Selektoren verwaltet es den Komponentenstatus und die Interaktivität, ohne dass externe JavaScript-Logik erforderlich ist. Dieser Ansatz stellt sicher, dass komplexe Interface-Elemente funktional und leichtgewichtig bleiben. Die Bibliothek enthält eine umfassende Suite an strukturellen und präsentationsorientierten Tools, einschließlich eines Flexbox-basierten Grid-Systems, vertikaler Element-Stapelung und responsiver Layout-Engines, die sich automatisch an verschiedene Bildschirmgrößen anpassen. Sie bietet zudem standardisiertes Styling für die Datendarstellung, wie Tabellen und Karten, neben spezialisierten Eingabekomponenten wie Drag-and-Drop-Upload-Zonen und kontextuellen Tooltips.