The most flexibility with the fusion of RoR and React and the power of 100+ highly customizable View Components. Build design driven UI in Rails with View Components.

React applications. Endlessly flexible presentational UI components with encapsulated styles and constraint based theme props.

Pure rails and javascript agnostic setup. 100+ highly customizable ViewComponents. Build design driven UI in Rails with ViewComponents.

Finally a Design System built for SwiftUI. Get cross device consistency by using Playbook for SwiftUI.

Framework agnostic. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values.

Some of our kits require additional libraries to run properly.

Figma offers a 1:1 match to our open-source platform, offering components with customizable properties.

You can customize and theme Playbook components by setting your own variable values instead of using the default Sass values.

Icons are small graphical elements that represent actions, objects, or concepts in a user interface. They are a crucial part of a UI's visual language and help users understand and interact with the interface efficiently. Here's a detailed overview of what icons entail with Playbook.