5 مستودعات
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 is a documentation theme and static site framework for Hugo designed to create structured technical manuals, documentation books, and multilingual knowledge bases. It transforms directory structures into hierarchical navigation menus and formatted technical content. The framework includes a specialized OpenAPI documentation renderer that converts specifications into structured reference pages. It also provides a full-text client-side search integration and supports multilingual content with right-to-left layout mirroring. The project covers a wide range of content rendering capabil
Implements interactive documentation patterns, such as accordions and tabs, using pure CSS to eliminate JavaScript dependencies.
new.css is a classless CSS framework that styles semantic HTML elements automatically. It provides a modern visual design for websites by applying rules directly to standard HTML tags, removing the requirement for manual class name assignments. The project includes a CSS theme engine and predefined aesthetic skins, such as a high-contrast dark mode and a terminal-style interface featuring monospace typefaces and command-line color schemes. These visual identities are managed through CSS variables, allowing for palette customization and theme switching. The framework covers a range of visual
Creates interactive components like toggleable sections purely with CSS and HTML disclosure elements.