BY THE NUMBERS

Don't take our word for it.

Explore All Components
200＋  
components
1M＋  
downloads
Weekly  
Release Updates

Don't take our word for it.

Explore All Components
200＋  
components
1M＋  
downloads
Weekly  
Release Updates
BY THE NUMBERS

200＋

components

1M＋

downloads

Weekly

release updates
Anna Black

Anna Black

LVL II • Sales Representative 
import React from 'react'

const UserDefault = () => {
  return (
    <User
        align="center"
        avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
        name="Anna Black"
        orientation="vertical"
        size="lg"
        title="Remodeling Consultant"
    />
  )
}

export default UserDefault

DESIGN, DEVELOP, DELIVER

Solutions written in multiple languages.

Create solutions to repetitive problems, for multiple languages and access to anywhere!

Playbook gives designers and developers the frameworks they need to create engaging product experiences.
Playbook was created for Power by Power. Playbook is an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included.
React logo
Endlessly flexible presentational UI components with encapsulated styles and constraint based theme props.
Rails logo
100+ highly customizable ViewComponents. Build design driven UI in Rails with ViewComponents.
swift logo
Finally a Design System built for SwiftUI. Get cross device consistency by using Playbook for SwiftUI.
HTML-CSS logo
Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values.
Explore Playbook Solutions

NEWEST FROM PLAYBOOK

Playbook is always shipping.

Move Fast. Follow Momentum.
April 22, 2024

Upgrade Your Data Game: Explore the Enhanced Features of Bar Charts!

Say hello to a whole new level of versatility! With our new updates, you can showcase negative values, stack data for clearer insights, and effortlessly integrate a secondary yAxis for comprehensive data representation—all in a single, dynamic graph. Elevate your data visualization game and unlock limitless possibilities with Playbook's enhanced Bar Chart. **Kit Enhancements:** - Dropdown Kit V2 [\#3355](https://github.com/powerhome/playbook/pull/3355) ([nidaqg](https://github.com/nidaqg)) - Update Badge Color for Readability [\#3347](https://github.com/powerhome/playbook/pull/3347) ([elisashapiro](https://github.com/elisashapiro)) - POC Bar Chart: Show Negative Numbers, a Median Line, and Stacked Bar Data [\#3332](https://github.com/powerhome/playbook/pull/3332) ([nickamantia](https://github.com/nickamantia)) - Investigation: Test Typeahead With Consideration for New Prop for Menulist [\#3324](https://github.com/powerhome/playbook/pull/3324) ([thestephenmarshall](https://github.com/thestephenmarshall)) - Investigation: Displaying Numbers on the Right Side of the Bar Chart Graph [\#3319](https://github.com/powerhome/playbook/pull/3319) ([nickamantia](https://github.com/nickamantia)) **Fixed Bugs:** - Circle Icon Kit: Fix Sizing Error When Global Spacing Props Are Used [\#3352](https://github.com/powerhome/playbook/pull/3352) ([elisashapiro](https://github.com/elisashapiro)) - Background Kit Remove Empty Inline Styles/attributes [\#3348](https://github.com/powerhome/playbook/pull/3348) ([elisashapiro](https://github.com/elisashapiro)) - Update Text Styles to Prevent Inconsistent Tiptap Output [\#3340](https://github.com/powerhome/playbook/pull/3340) ([elisashapiro](https://github.com/elisashapiro)) **New Kits:** - New Kit: Dropdown [\#3343](https://github.com/powerhome/playbook/pull/3343) ([nidaqg](https://github.com/nidaqg)) **Improvements:** - Add Px to Max Width Global Prop Values Left Aligned [\#3356](https://github.com/powerhome/playbook/pull/3356) ([elisashapiro](https://github.com/elisashapiro)) - Verified Version Of Typography Guidelines [\#3346](https://github.com/powerhome/playbook/pull/3346) ([jasperfurniss](https://github.com/jasperfurniss)) - Design Guidelines: Spacing [\#3309](https://github.com/powerhome/playbook/pull/3309) ([kristiflin](https://github.com/kristiflin)) - Dry Up the Content Tag Portion Of Rails Kits: Avatar [\#3331](https://github.com/powerhome/playbook/pull/3331) ([thestephenmarshall](https://github.com/thestephenmarshall)) - Add Run.sh [\#3351](https://github.com/powerhome/playbook/pull/3351) ([thestephenmarshall](https://github.com/thestephenmarshall)) - Dialog Docs [\#3349](https://github.com/powerhome/playbook/pull/3349) ([rachelradford21](https://github.com/rachelradford21)) - Bump @babel/core from 7.20.12 to 7.24.4 [\#3338](https://github.com/powerhome/playbook/pull/3338) ([dependabot[bot]](https://github.com/apps/dependabot)) - Bump Jest-fail-on-console from 2.5.0 to 3.2.0 [\#3337](https://github.com/powerhome/playbook/pull/3337) ([dependabot[bot]](https://github.com/apps/dependabot))
April 02, 2024

🙌 Teamwork Makes the Dream Work 🙌

We’ve been hard at work to ship requests from teams! To keep you up to date, our latest release, 13.23.0, is live in nitro-web, so keep an eye out for that. In an effort to keep supporting all of you great developers, we're excited to announce that we shipped 2 feature requests to teams, as well as fixed 5 bugs! In addition to that, we have also made a huge improvement to our system by upgrading to rails 7.0.8.1. Lastly, we're continuing to monitor and upgrade key parts of our system to keep Playbook up-to-date, so you can keep shipping great work!

Contribute to Playbook

When you start designing a new feature, you may come across a Design Token or Component that isn’t defined in Playbook. If so, you should open an issue or reach out to the team to make a contribution.
Contribute on GitHub
As the highest-rated residential remodeler in the nation, our international technology team builds a custom suite of products that continuously transform our business.

Power

Tech @ Power
Open Positions
About Power

Connect

Dribbble
Github
Connect Chat
© 2023-24, ALL RIGHTS RESERVED