Warning: We no longer develop features for this version of SKY UX, and we recommend that you use the latest version instead. This site describes the AngularJS (1.x) implementation of the SKY UX framework. We still support this version, but it is in maintenance mode. For more information, see developer.blackbaud.com/skyux.

A user experience framework for building web applications that leverage Blackbaud’s SKY UX patterns.


Create a seamless user interface

Blackbaud’s next-generation user-experience framework brings a consistent, cohesive experience to Blackbaud products, and you can use it to bring that same consistent experience to your customizations and applications.

SKY UX provides an HTML, CSS, and JavaScript framework to implement Blackbaud’s design patterns, along with the guidance to handle visual design and user interactions.

Design principles

The inspiration for SKY UX is creating the optimal user experience. Check out the components that implement our design patterns and principles.

Developer tools

SKY UX uses Bootstrap, SASS, and AngularJS to provide the building blocks for your applications. Explore these tools in our library of components.


We built SKY UX for the open source world. You can go to its GitHub repo to follow along with its development and to make your own contributions.



SKY UX wears a T-shirt, not a tie. It gets the job done without being stodgy.


SKY UX provides guidance and direction, while still offering flexibility.


SKY UX is tailored but not rigid. Like an elastic waist, it grows to fit your needs.


What you see is what you get. The constructs in SKY UX relate directly to real world tasks.


The way that users flow through the system creates a sense of confidence in their work.


SKY UX strives to accommodate users. From their devices to their physical capabilities, we care.