StyleKit alternatives and similar libraries
Based on the "UI" category.
Alternatively, view StyleKit alternatives based on common mentions on social networks and blogs.
-
DZNEmptyDataSet
DISCONTINUED. A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display -
IQKeyboardManager
Codeless drop-in universal library allows to prevent issues of keyboard sliding up and cover UITextField/UITextView. Neither need to write any code nor any setup required and much more. -
animated-tab-bar
:octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion -
TTTAttributedLabel
A drop-in replacement for UILabel that supports attributes, data detectors, links, and more -
SkeletonView
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting -
MGSwipeTableCell
An easy to use UITableViewCell subclass that allows to display swippable buttons with a variety of transitions. -
SWTableViewCell
An easy-to-use UITableViewCell subclass that implements a swippable content view which exposes utility buttons (similar to iOS 7 Mail Application) -
JTAppleCalendar
The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable -
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
Alerts & Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date... -
XLForm
XLForm is the most flexible and powerful iOS library to create dynamic table-view forms. Fully compatible with Swift & Obj-C. -
SwiftEntryKit
SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps. -
TPKeyboardAvoiding
A drop-in universal solution for moving text fields out of the way of the keyboard in iOS -
PageMenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
SWRevealViewController
A UIViewController subclass for presenting side view controllers inspired on the FaceBook and Wunderlist apps, done right ! -
Material Components
[In maintenance mode] Modular and customizable Material Design UI components for iOS -
expanding-collection
:octocat: ExpandingCollection is an animated material design UI card peek/pop controller. iOS library made by @Ramotion -
CSStickyHeaderFlowLayout
UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7.
CodeRabbit: AI Code Reviews for Developers
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of StyleKit or a related project?
README
StyleKit is a microframework that enables you to style your applications using a simple JSON file. Behind the scenes, StyleKit uses UIAppearance and some selector magic to apply the styles. You can also customize the parser for greater flexibility.
How does it work?
Create a JSON file in the following format
{
"@headingFont": "HelveticaNeue-Bold:30.0",
"UILabel": {
"font": "@headingFont",
"backgroundColor": "#000FFF"
},
"StyleKitDemo.SKView": {
"StyleKitDemo.SKLabel": {
"font": "HelveticaNeue-Bold:20.0",
"backgroundColor": "#FFF000",
"color": "#fff"
},
"StyleKitDemo.SKButton": {
"font": "HelveticaNeue-Light:20.0",
"titleColor:normal": "#FFFFFF",
"titleColor:highlighted": "#000000"
}
},
"StyleKitDemo.SKNavigationBar": {
"titleTextAttributes": {
"NSColor": "#000FFF",
"NSFont": "@headingFont"
}
},
"StyleKitDemo.SKTextField": {
"font": "HelveticaNeue-Light:20.0",
"textColor": "#000FFF"
}
}
Load JSON file
AppDelegate.swift
func application(_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
if let styleFile = Bundle.main.url(forResource: "style", withExtension: "json") {
StyleKit(fileUrl: styleFile)?.apply()
}
return true
}
On application launch the JSON file will be loaded and the styles applied.
The JSON file structure
Each object inside the JSON file should contain the name of the UIView as a key and the object inside should either contain the properties/functions that need to be set/called or another UIView, this will give you the ability to apply styles on views when contained in other views, an example of this would be the following.
{
"UIButton": {
"font": "HelveticaNeue-Bold:20.0"
},
"MyApp.LoginView": {
"UIButton": {
"font": "HelveticaNeue-Light:25.0"
}
}
}
This would apply HelveticaNeue-Bold with size 20 to all the UIButtons except the ones contained inside the LoginView class in your app.
Custom classes must be namespaced by the name of the module they are contained in. e.g. StyleKitDemo.SKTextField
Aliases
{
"@mainFont": "HelveticaNeue-Bold:20.0",
"@primaryColor": "#000FFF",
"UIButton": {
"font": "@mainFont"
},
"MyApp.LoginView": {
"UIButton": {
"font": "HelveticaNeue-Light:25.0",
"titleColor:normal": "@primaryColor"
}
}
}
Bring Your Own Parser
StyleKit's initialiser supports passing a custom parser which should conform to the StyleParsable
protocol.
Default Parser
class StyleParser: StyleParsable {
func getStyle(forName name: String, value: AnyObject) -> AnyObject {
if let value = value as? String {
if let font = FontHelper.parseFont(value) {
return font
} else if let color = ColorHelper.parseColor(value) {
return color
}
}
return value
}
}
AppDelegate.swift
func application(_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
if let styleFile = Bundle.main.url(forResource: "style", withExtension: "json") {
StyleKit(fileUrl: styleFile, styleParser: StyleParser())?.apply()
}
return true
}
Logging
By default, StyleKit will log any errors to the console. To customise the level of logging, you can pass a logLevel parameter as follows:
StyleKit(fileUrl: styleFile, logLevel: .debug)?.apply()
The levels of logging are:
.debug
.error
(This is the default log level).severe
.none
How to install?
Carthage
Swift 3
github "146BC/StyleKit" ~> 0.6
Swift 4
github "146BC/StyleKit" ~> 0.7
CocoaPods
Add the 146BC Source
source 'https://github.com/146BC/Specs.git'
source 'https://github.com/CocoaPods/Specs.git'
Swift 3
pod 'StyleKit', '~> 0.6'
Swift 4
pod 'StyleKit', '~> 0.7'