gonzalonunez / Skeleton
Licence: mit
💀 An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.
Stars: ✭ 587
Programming Languages
swift
15916 projects
Projects that are alternatives of or similar to Skeleton
Ocskeleton
[OCSkeleton] - Make your loading view a little difference.
Stars: ✭ 184 (-68.65%)
Mutual labels: skeleton, loader, loading-animations
Skeletonview
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Stars: ✭ 10,804 (+1740.55%)
Mutual labels: skeleton, gradients, loading-animations
Ngx Skeleton Loader
Make beautiful, animated loading skeletons that automatically adapt to your Angular apps
Stars: ✭ 278 (-52.64%)
Mutual labels: skeleton, loader, loading-animations
React Content Loader
⚪ SVG-Powered component to easily create skeleton loadings.
Stars: ✭ 11,830 (+1915.33%)
Mutual labels: skeleton, loader
React Native Skeleton Content Nonexpo
A customizable skeleton-like loading placeholder for react native projects not using expo.
Stars: ✭ 92 (-84.33%)
Mutual labels: skeleton, loader
Vue Content Placeholders
Composable components for rendering fake (progressive) content like facebook in vue
Stars: ✭ 1,547 (+163.54%)
Mutual labels: skeleton, loader
React Native Skeleton Content
A customizable skeleton-like loading placeholder for react native projects using expo.
Stars: ✭ 221 (-62.35%)
Mutual labels: skeleton, loader
Tabanimated
A skeleton screen framework based on native for iOS. (一个由iOS原生组件映射出骨架屏的框架,包含快速植入,低耦合,兼容复杂视图等特点,提供国内主流骨架屏动画的加载方案,同时支持上拉加载更多、自定制动画。)
Stars: ✭ 2,909 (+395.57%)
Mutual labels: skeleton, loading-animations
react-bones
💀 Dead simple content loading components for React and React-Native. 💀
Stars: ✭ 42 (-92.84%)
Mutual labels: skeleton, loading-animations
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-93.7%)
Mutual labels: loader, loading-animations
react-skeleton-loader
A react helper for skeleton loaders
Stars: ✭ 61 (-89.61%)
Mutual labels: skeleton, loader
BSLoader
It's to show loading animations
Stars: ✭ 13 (-97.79%)
Mutual labels: loader, loading-animations
Skeleton Elements
Skeleton elements - UI for improved perceived performance
Stars: ✭ 27 (-95.4%)
Mutual labels: skeleton, loader
Vue Content Loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Stars: ✭ 729 (+24.19%)
Mutual labels: skeleton, loading-animations
Text Spinners
Pure text, CSS only, font independent, inline loading indicators
Stars: ✭ 2,728 (+364.74%)
Mutual labels: loader, loading-animations
Rhplaceholder
Show pleasant loading view for your users 😍
Stars: ✭ 238 (-59.45%)
Mutual labels: loader, loading-animations
Ybhud
A simple Hud with DGActivityIndicatorView
Stars: ✭ 81 (-86.2%)
Mutual labels: loader, loading-animations
Nvactivityindicatorview
A collection of awesome loading animations
Stars: ✭ 10,031 (+1608.86%)
Mutual labels: loader, loading-animations
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-93.53%)
Mutual labels: loader, loading-animations
favicon-canvas-loader
Create and display a circular loading <canvas> animation as a webpage favicon.
Stars: ✭ 83 (-85.86%)
Mutual labels: loader, loading-animations
Skeleton is an easy way to create sliding CAGradientLayer
animations! It works great for creating skeleton screens:
👩💻 Usage
The entire library comes down to just one public-facing extension:
public extension CAGradientLayer {
public func slide(to dir: Direction, group: ((CAAnimationGroup) -> Void) = { _ in })
public func stopSliding()
}
You can check out the example and the documentation for more.
📚 Example
To run the example project, clone the repo, and run pod install
from the Example directory first.
🛠 Installation
Skeleton is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "Skeleton"
Skeleton is also available through Carthage. Add this to your Cartfile:
github "gonzalonunez/Skeleton" ~> 0.4.0
📄 License
Skeleton is available under the MIT license. See the LICENSE file for more info.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].