pw-book

Component library skeleton, set up for Storybook (Vite + React + TypeScript + Tailwind).

Structure

src/
  components/
    atoms/       # smallest building blocks (buttons, inputs, icons)
    molecules/   # small groups of atoms
    organisms/   # larger, composed sections
  animations/    # reusable animation components
  assets/        # images, svgs
  foundations/   # Storybook-only design token pages (colors, gradients, typography, radius)
  fonts/         # font files
  hooks/         # shared React hooks
  utils/         # shared utilities
  index.ts       # package entry point
.storybook/      # Storybook configuration

Scripts

• yarn dev — run Vite dev server
• yarn build — build the library
• yarn storybook — run Storybook locally
• yarn build-storybook — build a static Storybook
• yarn lint — lint the codebase

Getting started

yarn install
yarn storybook

Docker

Builds a static Storybook site and serves it with nginx.

docker build -t pw-book .
docker run -p 8080:80 pw-book

Then open http://localhost:8080.