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.

Playbook seamlessly integrates with Font Awesome, a leading icon library known for its extensive collection of high-quality, scalable icons. This integration not only enhances the visual appeal of websites and applications but also improves overall usability.

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