# juanpe/skeletonview

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/juanpe-skeletonview).**

12,873 stars · 1,127 forks · Swift · MIT

## Links

- GitHub: https://github.com/Juanpe/SkeletonView
- awesome-repositories: https://awesome-repositories.com/repository/juanpe-skeletonview.md

## Description

SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's structure while asynchronous data loads. It functions as a UI placeholder generator and a UIView animation framework to indicate active background processes.

The library includes a list view skeleton orchestrator that generates placeholder cells and headers for table and collection views based on data source protocols. It provides tools to simulate text layouts using configurable line counts and spacing to prepare users for the final screen structure.

Capability areas cover the configuration of skeleton appearance through colors and corner radii, the management of pulse and sliding animations, and the ability to disable user interaction while loading animations are active. It also includes mechanisms to delay the presentation of placeholders to prevent visual flickering.

## Tags

### User Interface & Experience

- [Loading Placeholders](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/loading-indicators/loading-placeholders.md) — Provides visual placeholder components that indicate loading states via recursive activation from a parent view. ([source](https://github.com/juanpe/skeletonview#readme))
- [Placeholder Generators](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/loading-indicators/loading-placeholders/placeholder-generators.md) — Implements a system for programmatically generating simulated text blocks and skeletal layouts to indicate content is loading.
- [User Interface & Experience](https://awesome-repositories.com/f/user-interface-experience.md) — Optimizes the user experience by preventing UI flickering and managing interaction during loading states.
- [Placeholder Cell Generation](https://awesome-repositories.com/f/user-interface-experience/grid-cell-configurations/cell-access-optimizers/placeholder-cell-generation.md) — Generates skeleton cells for list views by intercepting data source methods.
- [List Loading Workflows](https://awesome-repositories.com/f/user-interface-experience/list-views/list-loading-workflows.md) — Generates skeletal placeholder cells and headers for table and collection views during data fetching.
- [List View Skeletonization](https://awesome-repositories.com/f/user-interface-experience/list-views/list-view-skeletonization.md) — Generates placeholder cells and headers for lists and collections based on the data source structure. ([source](https://github.com/juanpe/skeletonview#readme))
- [Skeleton Placeholders](https://awesome-repositories.com/f/user-interface-experience/list-views/skeleton-placeholders.md) — Provides automated generation of skeleton placeholder cells and headers for table and collection views.
- [Loading Skeletons](https://awesome-repositories.com/f/user-interface-experience/loading-skeletons.md) — Implements skeleton views to signal asynchronous content loading in iOS applications.
- [Skeletons](https://awesome-repositories.com/f/user-interface-experience/skeletons.md) — Provides capabilities to adjust colors, animations, and alignment of placeholder views. ([source](https://github.com/juanpe/skeletonview#readme))
- [Animation Loops](https://awesome-repositories.com/f/user-interface-experience/animation-and-motion-systems/configuration-utility-helpers/animation-configuration/frame-execution-synchronization/animation-loops.md) — Uses animation loops to create shifting linear gradients and pulsing effects on placeholder views.
- [Animation Frameworks](https://awesome-repositories.com/f/user-interface-experience/animation-frameworks.md) — Ships a framework for applying pulse and sliding animations to UI elements to signal active background processes.
- [Delay Configurations](https://awesome-repositories.com/f/user-interface-experience/loading-indicators/delay-configurations.md) — Implements timing delay logic to prevent visual flickering when content loads rapidly.
- [Text Block Simulators](https://awesome-repositories.com/f/user-interface-experience/placeholder-text/text-view-placeholders/text-block-simulators.md) — Draws placeholder lines that mimic text blocks using configurable line counts and spacing. ([source](https://github.com/juanpe/skeletonview#readme))
- [Loading State Interaction Controls](https://awesome-repositories.com/f/user-interface-experience/skeletons/loading-state-interaction-controls.md) — Disables user input and touch events while loading animations remain active. ([source](https://github.com/juanpe/skeletonview#readme))
- [Style Object Managers](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/inline-and-object-styling/style-object-managers.md) — Provides a centralized system for managing and applying reusable style configurations for skeleton views.
- [Component Appearance Customizers](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/component-appearance-customizers.md) — Allows setting colors, gradients, and corner radii for placeholder components. ([source](https://github.com/juanpe/skeletonview#readme))
- [Transition Effects](https://awesome-repositories.com/f/user-interface-experience/transition-effects.md) — Applies pulse and fade effects to placeholder elements for smooth transitions between states.

### Software Engineering & Architecture

- [View Hierarchy Traversers](https://awesome-repositories.com/f/software-engineering-architecture/recursive-validation-engines/recursive-tree-traversers/view-hierarchy-traversers.md) — Crawls the view hierarchy to automatically apply placeholders to all child elements of a container.
- [Placeholder Overlays](https://awesome-repositories.com/f/software-engineering-architecture/overlay-rendering-architectures/placeholder-overlays.md) — Renders animated placeholder shapes on a separate layer above existing UI elements.

### Web Development

- [Content Transition Effects](https://awesome-repositories.com/f/web-development/content-transition-effects.md) — Applies pulse and sliding animations to create smooth transitions when revealing actual content. ([source](https://github.com/juanpe/skeletonview#readme))

### Part of an Awesome List

- [Progress Indicators](https://awesome-repositories.com/f/awesome-lists/devtools/progress-indicators.md) — Elegant skeleton screen implementation.
- [Skeleton Screens](https://awesome-repositories.com/f/awesome-lists/devtools/skeleton-screens.md) — Elegant way to show users that content is loading.
- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Skeleton loading state view.