Awesome GitHub RepositoriesCSS-Only Interactive Effects

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

CSSFX is a curated collection of pre-made visual CSS effects for buttons, inputs, and other common UI elements. The library is entirely CSS-only, meaning the effects themselves require no JavaScript runtime, and each style can be copied to the system clipboard with a single click using the modern Clipboard API. The project is built as a single-page application with a component-based architecture, yet it delivers its entire interface without external JavaScript frameworks. All effect previews and code snippets are pre-rendered into static HTML files at build time, so each page request requires

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

hugo-book est un thème de documentation et un framework de site statique pour Hugo conçu pour créer des manuels techniques structurés, des livres de documentation et des bases de connaissances multilingues. Il transforme les structures de répertoires en menus de navigation hiérarchiques et en contenu technique formaté. Le framework inclut un moteur de rendu de documentation OpenAPI spécialisé qui convertit les spécifications en pages de référence structurées. Il fournit également une intégration de recherche côté client en texte intégral et prend en charge le contenu multilingue avec une mise en miroir de la mise en page de droite à gauche. Le projet couvre un large éventail de capacités de rendu de contenu, notamment la composition typographique d'équations mathématiques, la génération de diagrammes, l'intégration d'enregistrements de terminal et des éléments interactifs comme des panneaux à onglets et des blocs repliables. Il intègre également un système de blog chronologique et des outils pour générer des tables des matières et des listes d'étapes. La personnalisation visuelle est gérée par la prise en charge des thèmes de couleur, les remplacements de style CSS et l'injection HTML personnalisée.

new.css est un framework CSS sans classe qui stylise automatiquement les éléments HTML sémantiques. Il fournit un design visuel moderne pour les sites web en appliquant des règles directement aux balises HTML standard, supprimant l'exigence d'assignations de noms de classe manuels. Le projet inclut un moteur de thème CSS et des skins esthétiques prédéfinis, tels qu'un mode sombre à contraste élevé et une interface de style terminal avec des polices à chasse fixe et des schémas de couleurs de ligne de commande. Ces identités visuelles sont gérées via des variables CSS, permettant la personnalisation de la palette et le changement de thème. Le framework couvre une gamme de capacités visuelles, notamment la typographie fluide réactive et le formatage de texte technique pour les blocs de code et les entrées clavier. Il fournit également un style pour les widgets de divulgation interactifs afin de créer des sections de contenu basculables sans l'utilisation de JavaScript.