awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
jalxob avatar

jalxob/cool-kitten

0
View on GitHub↗
1,373 stele·447 fork-uri·JavaScript·5 vizualizări

Cool Kitten

Cool-kitten is a web framework designed for building responsive layouts that incorporate multi-speed parallax scrolling effects and automated asset optimization. At its core, the project functions as a scroll-driven animation engine that synchronizes DOM element transformations with user scroll coordinates using custom easing functions.

The framework integrates a fluid grid layout system alongside multi-speed layered parallax capabilities, enabling background elements to move at different relative speeds than foreground content to produce visual depth. Additionally, it includes build-time asset bundling to concatenate and compress stylesheets and scripts into optimized packages via command line automation.

Features

  • Responsive Layout Frameworks - Provides a fluid grid layout framework that adapts page content automatically to various screen sizes and device viewports.
  • Parallax Layering Offsets - Moves background elements at different relative speeds than foreground content during scrolling to produce an illusion of visual depth.
  • Scroll-Driven Transitions - Synchronises DOM element transformations with user scroll coordinates using custom easing functions for smooth visual transitions.
  • Parallax Backgrounds - Moves background elements at different speeds than foreground content during scrolling to produce an illusion of depth and dimension.

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI
  • Responsive Design Patterns - Builds modern websites with flexible layouts and fluid grids that automatically adapt to fit any screen size or device.
  • Responsive Grid Layouts - Arranges page content using fluid grids and flexible containers that automatically adapt to various screen sizes and device viewports.
  • Scroll-Driven Animation Tools - Functions as an engine that synchronises DOM element transformations with user scroll coordinates using custom easing functions for smooth visual transitions.
  • Scroll Depth Multipliers - Moves background elements at different speeds relative to foreground content during page scrolling to create depth and visual immersion.
  • Fluid Grid Frameworks - Arranges page content using flexible container hierarchies that automatically adapt to various screen sizes and device viewports.
  • Build Asset Bundling - Concatenates and compresses style sheets and scripts into optimized packages using command line automation.
  • Parallax Effects - Constructs responsive web layouts that incorporate parallax scrolling effects through integrated layout libraries and easing plugins.
  • Asset Bundlers - Includes a build tool that concatenates and minifies style sheets and scripts to optimize files for production web deployment.
  • Responsive Web Frameworks - Offers a responsive web framework for building responsive layouts featuring multi-speed parallax scrolling effects and asset optimization.
  • Frontend Asset Optimization - Bundles, minifies, and compresses stylesheets and script files into optimized packages ready for production web deployment.

    • Istoric stele

    Graficul istoricului de stele pentru jalxob/cool-kittenGraficul istoricului de stele pentru jalxob/cool-kitten

    Alternative open-source pentru Cool Kitten

    Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Cool Kitten.
    • ianlunn/jquery-parallaxAvatar IanLunn

      IanLunn/jQuery-Parallax

      1,506Vezi pe GitHub↗

      jQuery Parallax is a frontend animation library and JavaScript plugin that creates a multi-layered depth illusion as users scroll down a web page. It operates by shifting background layers at varying speeds during page scrolling to simulate differing visual depths. The library calculates background element offsets relative to the current scroll position of the viewport to dynamically adjust placement. It attaches native browser scroll event handlers to trigger coordinate recalculations and layout updates in real time, directly updating the inline styles of element background image coordinates

      CSS
      Vezi pe GitHub↗1,506
    • rrutsche/react-parallaxAvatar rrutsche

      rrutsche/react-parallax

      876Vezi pe GitHub↗

      React Parallax is a React animation component library that creates multi-speed scrolling background depth effects. It computes relative scroll positions within viewports to translate raw page offsets into normalized animation progress values, applying hardware-accelerated translation and scaling styles to DOM nodes for smooth visual movement. The library supports rendering background images and arbitrary visual elements that shift positions at different speeds relative to foreground content. It provides dynamic Gaussian blur filter transitions that interpolate based on current scroll velocity

      TypeScript
      Vezi pe GitHub↗876
    • dixonandmoe/rellaxAvatar dixonandmoe

      dixonandmoe/rellax

      7,143Vezi pe GitHub↗

      Rellax is a dependency-free vanilla JavaScript library and frontend utility used to create parallax web design effects. It functions as a scroll-based animation tool that moves page elements at different speeds to produce a sense of depth and layered motion. The library supports both vertical and horizontal parallax tracking for panoramic layouts and allows for motion speed control. It includes breakpoint-aware speed mapping to adjust movement based on screen width and provides viewport centering to position elements relative to the center of the screen. Beyond basic motion, the tool manages

      HTML
      Vezi pe GitHub↗7,143
    • north/northN

      north/north

      4,798Vezi pe GitHub↗

      North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

      CSS
      Vezi pe GitHub↗4,798
    Vezi toate cele 30 alternative pentru Cool Kitten→

    Întrebări frecvente

    Ce face jalxob/cool-kitten?

    Cool-kitten is a web framework designed for building responsive layouts that incorporate multi-speed parallax scrolling effects and automated asset optimization. At its core, the project functions as a scroll-driven animation engine that synchronizes DOM element transformations with user scroll coordinates using custom easing functions.

    Care sunt principalele funcționalități ale jalxob/cool-kitten?

    Principalele funcționalități ale jalxob/cool-kitten sunt: Responsive Layout Frameworks, Parallax Layering Offsets, Scroll-Driven Transitions, Parallax Backgrounds, Responsive Design Patterns, Responsive Grid Layouts, Scroll-Driven Animation Tools, Scroll Depth Multipliers.

    Care sunt câteva alternative open-source pentru jalxob/cool-kitten?

    Alternativele open-source pentru jalxob/cool-kitten includ: ianlunn/jquery-parallax — jQuery Parallax is a frontend animation library and JavaScript plugin that creates a multi-layered depth illusion as… dixonandmoe/rellax — Rellax is a dependency-free vanilla JavaScript library and frontend utility used to create parallax web design… rrutsche/react-parallax — React Parallax is a React animation component library that creates multi-speed scrolling background depth effects. It… north/north — North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for… markdalgleish/stellar.js — Stellar.js is a JavaScript parallax library and scroll-based motion framework used to coordinate DOM element… ericam/susy — Susy is a responsive grid framework and layout calculation engine for Sass. It provides a toolkit for building fluid…

    Colecții curatoriate care includ Cool Kitten

    Colecții selectate manual în care apare Cool Kitten.
    • Parallax animation library