awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 مستودعات

Awesome GitHub RepositoriesCSS-Only Interactive Effects

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.

Awesome CSS-Only Interactive Effects GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • chokcoco/css-inspirationالصورة الرمزية لـ chokcoco

    chokcoco/CSS-Inspiration

    10,866عرض على GitHub↗

    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.

    CSS
    عرض على GitHub↗10,866
  • jolaleye/cssfxالصورة الرمزية لـ jolaleye

    jolaleye/cssfx

    6,129عرض على GitHub↗

    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.

    Vueanimationcssdesign
    عرض على GitHub↗6,129
  • kevquirk/simple.cssالصورة الرمزية لـ kevquirk

    kevquirk/simple.css

    4,921عرض على GitHub↗

    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.

    HTMLcsscss3html
    عرض على GitHub↗4,921
  • alex-shpak/hugo-bookالصورة الرمزية لـ alex-shpak

    alex-shpak/hugo-book

    4,051عرض على GitHub↗

    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.

    HTMLdocumentationhugohugo-theme
    عرض على GitHub↗4,051
  • xz/new.cssالصورة الرمزية لـ xz

    xz/new.css

    4,037عرض على GitHub↗

    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.

    HTML
    عرض على GitHub↗4,037
  1. Home
  2. Programming Languages & Runtimes
  3. Pure JavaScript Implementations
  4. CSS-Only Interactive Effects

استكشف الوسوم الفرعية

  • Effect LibrariesCurated collections of pre-made visual CSS effects for UI elements. **Distinct from CSS-Only Interactive Effects:** Distinct from CSS-Only Interactive Effects: focuses on a curated library of reusable effects rather than the technique of achieving interactivity without JavaScript.