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

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.

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

100+ highly customizable ViewComponents. Build design driven UI in Rails with ViewComponents.

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.

November 22, 2023

Dynamically Control Your Tooltips!

Gone are the days that a tooltip appears on its own. You can now control tooltips' visible state via props, so they are rendered conditionally. Text truncation? Data values? You have the power to dynamically display your Tooltips when and where you need them!

November 13, 2023

Multi Level Select with Customizable Radio Button Selectors!

Introducing the upgraded Multilevel component with customizable radio selectors🚀🌟 – now with a touch of tech magic! 🪄📻 Say goodbye to boring checkboxes and hello to snazzy radio buttons that let you pick just ONE option. Why? Because less is more! 📢🚨New Feature Alert! - Hide those unwanted radios from any tree node that's not in the mood to play. 🌳🎩💫 Level up your kit with some radio button charm and dynamic hide-and-seek.

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