5 repositorios
Achieves all interactive effects (hover, focus, accordion) purely with CSS without any JavaScript.
Distinct from Pure JavaScript Implementations: Distinct from Pure JavaScript Implementations: focuses on CSS-only interactivity rather than JavaScript-based implementations.
Explore 5 awesome GitHub repositories matching programming languages & runtimes · CSS-Only Interactive Effects. Refine with filters or upvote what's useful.
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
Achieves complex interactivity and state management purely with CSS, eliminating the need for JavaScript.
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
Ships a curated collection of pre-made visual CSS effects for buttons and inputs.
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
Achieves all interactive effects (hover, focus, accordion) purely with CSS without any JavaScript.
hugo-book es un tema de documentación y framework de sitio estático para Hugo diseñado para crear manuales técnicos estructurados, libros de documentación y bases de conocimiento multilingües. Transforma estructuras de directorios en menús de navegación jerárquicos y contenido técnico formateado. El framework incluye un renderizador de documentación OpenAPI especializado que convierte especificaciones en páginas de referencia estructuradas. También proporciona una integración de búsqueda del lado del cliente de texto completo y admite contenido multilingüe con duplicación de diseño de derecha a izquierda. El proyecto cubre una amplia gama de capacidades de renderizado de contenido, incluyendo composición tipográfica de ecuaciones matemáticas, generación de diagramas, integración de grabación de terminal y elementos interactivos como paneles con pestañas y bloques plegables. También integra un sistema de blog cronológico y herramientas para generar tablas de contenido y listas de pasos. La personalización visual se maneja a través de soporte para temas de color, sobrescrituras de estilo CSS e inyección de HTML personalizado.
Implements interactive documentation patterns, such as accordions and tabs, using pure CSS to eliminate JavaScript dependencies.
new.css es un framework CSS sin clases que estiliza elementos HTML semánticos automáticamente. Proporciona un diseño visual moderno para sitios web aplicando reglas directamente a etiquetas HTML estándar, eliminando el requisito de asignaciones manuales de nombres de clase. El proyecto incluye un motor de temas CSS y skins estéticos predefinidos, como un modo oscuro de alto contraste y una interfaz estilo terminal con tipos de letra monoespaciados y esquemas de color de línea de comandos. Estas identidades visuales se gestionan a través de variables CSS, permitiendo la personalización de paletas y el cambio de temas. El framework cubre una gama de capacidades visuales, incluyendo tipografía fluida responsiva y formato de texto técnico para bloques de código y entradas de teclado. También proporciona estilos para widgets de divulgación interactivos para crear secciones de contenido conmutables sin el uso de JavaScript.
Creates interactive components like toggleable sections purely with CSS and HTML disclosure elements.