12 repository-uri
Handling of content that exceeds the dimensions of its containing section.
Distinct from Content Sectioning: Shortlist focuses on content architecture; no candidate addresses the UI overflow scrolling within a section
Explore 12 awesome GitHub repositories matching user interface & experience · Internal Scroll Overflows. Refine with filters or upvote what's useful.
fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan
Adds internal scrollbars to sections when content exceeds the viewport height.
Shimmer este o bibliotecă de stare de încărcare UI utilizată pentru a genera placeholder-uri de tip skeleton și efecte de animație de tip view-wrapping. Oferă un set de instrumente pentru crearea de animații de evidențiere care semnalează că conținutul se încarcă în cadrul unei interfețe utilizator. Proiectul include un generator de ecrane skeleton și un wrapper de animație pentru view-uri. Aceste componente aplică un efect de gradient în mișcare peste view-urile existente pentru a oferi feedback vizual în timp ce datele sunt preluate. Biblioteca acoperă animația interfeței utilizator și tiparele de design pentru aplicații mobile. Implementează indicatori de încărcare printr-o combinație de mascare cu gradient liniar, translație în spațiul de coordonate și bucle de animație bazate pe keyframe-uri.
Implements a moving linear-gradient overlay to create the shimmering highlight effect over UI content.
Tether is a DOM positioning engine designed to anchor floating user interface elements, such as tooltips and dropdowns, to target elements. It functions as a logic engine for managing the placement of overlays and synchronizing the position of secondary elements relative to primary anchors. The system includes collision detection and overflow prevention to ensure that floating menus and overlays remain within the visible viewport. It automatically repositions elements when they encounter page boundaries to prevent visual clipping. The tool manages dynamic element alignment and tracking durin
Automatically repositions floating interface elements to ensure they remain fully visible and do not clip outside screen edges.
Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys
Provides tools to fix elements extending beyond viewport boundaries to eliminate horizontal scrolling.
Presenterm is a CLI presentation framework and tool used to create interactive slide decks directly in the terminal. It functions as a Markdown slide renderer, transforming Markdown files into formatted terminal presentations with support for synchronized speaker notes and custom YAML themes. The project distinguishes itself through a built-in terminal code executor that runs code snippets live during a presentation, replacing source blocks with real-time output. It also features a terminal image renderer capable of displaying local images, animated GIFs, and pre-rendered diagrams or mathemat
Detects when content exceeds terminal dimensions and alerts the user to resize the window.
This project is a front-end interview study guide and a collection of structured notes designed for technical job preparation. It serves as a comprehensive reference for web technologies, common technical interview questions, and JavaScript algorithm implementation. The notebook distinguishes itself by integrating specialized guides for web performance optimization, browser API documentation, and JavaScript algorithm references. It provides a structured approach to solving coding challenges involving data structures like binary trees, linked lists, and array manipulation. The content covers
Provides educational notes on handling content that exceeds the dimensions of its containing section.
Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class performs exactly one visual function, enabling immutable, side-effect-free styling where no class ever overrides or conflicts with another. The system provides a predefined spacing scale, responsive breakpoint prefixes for conditional styling across device widths, and accessible visibility control that keeps content programmatically available to assistive technologies. The framework distinguishes itself through a float-based grid system that constructs layouts using floated percentag
Provides utility classes for setting overflow to hidden, scroll, or auto on containers.
Aceasta este o bibliotecă de animații de tip shimmer pentru Android și o componentă UI utilizată pentru a implementa placeholder-uri care imită structurile de layout în timpul preluării asincrone a datelor. Funcționează ca un generator de "skeleton screen" pentru a indica faptul că conținutul este în curs de încărcare și va apărea în curând. Biblioteca oferă o animație de încărcare de tip shimmer care aplică efecte vizuale de evidențiere componentelor UI. Acest lucru permite dezvoltatorilor să înlocuiască ecranele goale cu schelete animate pentru a îmbunătăți performanța percepută a interfeței utilizator.
Uses a moving linear gradient mask to create the signature shimmering highlight effect over target views.
Splide este o bibliotecă TypeScript agnostică față de framework, pentru crearea de caruseluri de conținut și galerii de imagini accesibile și touch-enabled. Oferă o implementare fără dependențe a sliderelor care suportă interacțiuni de tip drag, swipe și flick pe browsere mobile și desktop. Biblioteca se distinge printr-un strat complet de accesibilitate folosind roluri ARIA și suport pentru cititoare de ecran. Dispune de un sistem de breakpoint-uri responsive care adaptează dimensiunile și comportamentul slide-urilor în funcție de lățimea ecranului, alături de un sistem de plugin-uri pentru extinderea funcționalității de bază cu componente personalizate și efecte de tranziție. Proiectul acoperă o gamă largă de capabilități de layout și interacțiune, inclusiv aranjamente de tip grid, dimensiuni variabile ale slide-urilor și fluxuri de lucru sincronizate pentru slidere. Include optimizări de performanță precum încărcarea leneșă (lazy loading) a conținutului media și monitorizarea intersecției cu viewport-ul, precum și navigare multi-modală prin tastatură, rotița mouse-ului sau link-uri de tip thumbnail. Pachete wrapper dedicate sunt disponibile pentru integrarea în diverse arhitecturi de framework-uri frontend.
Manages the visibility of navigation elements and drag capabilities based on whether content exceeds container width.
Acest proiect este un exportator de bibliotecă digitală și un generator de conținut EPUB conceput special pentru a descărca și converti cărți de pe platforma O'Reilly Learning în fișiere de publicație electronică pentru citire offline și stocare permanentă. Funcționează ca un scraper de conținut web care preia text și media restricționate pentru a facilita arhivarea bibliotecii digitale. Instrumentul gestionează autentificarea sesiunii folosind credențiale sau cookie-uri pentru a menține accesul continuu la conținut. Acesta preia cărțile prin identificatori unici și transformă materialul sursă în fișiere EPUB standardizate, incluzând optimizări de layout pentru a asigura compatibilitatea tabelelor și elementelor pe diverse dispozitive de e-reading.
Adjusts table and element overflows during file generation to ensure layout compatibility across various e-reading devices.
MarqueeLabel is a UIKit label extension for iOS that provides a scrolling text component. It automatically animates text content when it exceeds the available width of the view. The project includes a storyboard custom inspector, allowing the configuration of marquee speed, direction, and animation curves directly within the Xcode interface. The component manages dynamic text layout by scaling font sizes to fit the frame and implementing edge fading effects to blend text into the background. It also provides mechanisms to control the state of scrolling animations.
Detects when text content exceeds the view dimensions to trigger scrolling behavior.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Applies gradual fade masking to the edges of overflowing text to signal more content exists.