Skip to content
Storybook

Storybook

Every React component, pattern and template live, with its code, light and dark, LTR and RTL.

Open the Pixels Storybook

Pixels Storybook

The Storybook at /explore/ is built with React 19, Tailwind CSS v4 and React Aria, from the same code as the npm packages. Pick an accent color at the bottom and every component follows; switch light and dark in the header.

What’s in it

  • Base components, blocks and charts, each with examples and their code.
  • Patterns and full-screen templates, with a desktop, tablet and phone switch.
  • An RTL switch on every preview that changes the direction, the text and the font to Arabic.

Code

The Code tab shows how to use each part from npm. Free parts come from @pixelsds/react; Pro parts come from @pixelsds-pro/react, which installs with your licence key. See Installation.