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

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

2 Repos

Awesome GitHub RepositoriesSkeleton

Controls bone color, animation style, stagger delay, and fade-out transition per skeleton instance to match the visual language of the surrounding interface.

Distinct from Appearance Customizations: Distinct from Appearance Customizations: focuses specifically on skeleton placeholder appearance, not general UI appearance customization.

Explore 2 awesome GitHub repositories matching user interface & experience · Skeleton. Refine with filters or upvote what's useful.

Awesome Skeleton GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • 0xgf/boneyardAvatar von 0xGF

    0xGF/boneyard

    5,970Auf GitHub ansehen↗

    Auto generated skeleton loading framework

    Controls bone color, animation style, stagger delay, and fade-out transition per skeleton instance.

    TypeScript
    Auf GitHub ansehen↗5,970
  • dvtng/react-loading-skeletonAvatar von dvtng

    dvtng/react-loading-skeleton

    4,204Auf GitHub ansehen↗

    react-loading-skeleton ist eine React-Bibliothek zum Rendern von Platzhalter-Shapes, die Ladezustände von Inhalten simulieren. Sie bietet eine Sammlung thematisierter UI-Komponenten, die verwendet werden, um Lade-Interfaces darzustellen, bevor Daten abgerufen und angezeigt werden. Die Bibliothek bietet einen hierarchischen Theme-Provider, der die globale oder verschachtelte Verwaltung von Farben und Animationen ermöglicht. Sie enthält anpassbare Platzhalter, die verschiedene Dimensionen und Formen unterstützen, wie z. B. kreisförmige Indikatoren für Profilelemente und blockbasierte Formen für allgemeine Inhalte. Das System implementiert Accessibility-Standards durch Mapping von Komponenten auf Screenreader-Attribute und erkennt systemweite Reduced-Motion-Einstellungen, um Animationen anzupassen. Es nutzt CSS-gesteuerte Shimmer-Effekte und dimensionserbende Platzhalter, um die Layout-Stabilität zu wahren.

    Implements controls for adjusting placeholder counts, circular shapes, and block or inline display modes.

    TypeScriptjavascriptloading-animationsplaceholder
    Auf GitHub ansehen↗4,204
  1. Home
  2. User Interface & Experience
  3. Appearance Customizations
  4. Skeleton

Unter-Tags erkunden

  • Layout ConfigurationsSettings for controlling the geometry and arrangement of loading placeholders. **Distinct from Skeleton:** Distinct from general appearance (colors/animations) by focusing on structural properties like shape, count, and display mode.