Styling

Back to Features

While iOS has very limited ways to customize the look and feel of the native keyboard, KeyboardKit can be styled and customized with styles and themes.

KeyboardKit has a KeyboardStyle namespace that contains style-related types, styles and views, to let you style different parts of the keyboard.

Colors & Images

KeyboardKit defines keyboard-specific Color and Image assets that can be used in any keyboard.

See the docs for info on how semi-transparent colors are used to work around a system bug in iOS.

Type Extensions

Many KeyboardKit types define standard images, texts & colors. For instance:

let context = KeyboardContext()
let image = KeyboardAction.command.standardButtonImage(for: context) // Command icon
let text = KeyboardAction.space.standardButtonText(for: context)     // KKL10n.space

Style Modifiers

Most KeyboardKit views have custom styles and style modifiers. For instance, the Keyboard.Button view has a .keyboardButtonStyle(_:) view modifier that lets you customize the style of any button.

👑 KeyboardKit Pro

KeyboardKit Pro unlocks additional assets, and a theme engine that makes styling even easier.

Emoji Icons

KeyboardKit Pro emoji-specific, vectorized assets, like the .keyboardEmoji and .emojiCategory(_:):

Emoji Images

Themes

KeyboardKit Pro unlocks a theje engine that makes easy to define and style keyboards with themes:

See themes for more information about the KeyboardKit Pro theme engine and its various themes.

Documentation

The information on this page is shortened to be easier to overview. For more information, see the online KeyboardKit documentation.

Features

KeyboardKit has a lot of core features. You can upgrade to KeyboardKit Pro to unlock pro features. Features that are marked with pro below are exclusive to KeyboardKit Pro.

🌱