Storybook for Preact with Vite

npm@storybook/preact-vite

Storybook framework for developing, documenting and testing Preact components in isolation with Vite.

Native PreactActive

Quick start GitHub npm Documentation Homepage Compare with Vitest Browser Preact

Verdict

Native Preact

Built for Preact and does not require a React compatibility layer.

When to use it

Evidence level: documented. Latest npm version checked: 10.6.5. Official documentation explicitly describes the framework as Storybook for Preact applications built with Vite.

Overview

`@storybook/preact-vite` is Storybook's official framework package for Preact projects built with Vite. It renders Preact stories in an isolated workshop for component development, documentation and browser-based interaction tests.

Quick start

~%npm install --save-dev @storybook/preact-vite storybook

1import type { Meta, StoryObj } from '@storybook/preact';2import { Counter } from './Counter';3 4const meta = {5  component: Counter,6  args: { initialCount: 0 },7} satisfies Meta<typeof Counter>;8 9export default meta;10export const Default: StoryObj<typeof meta> = {};

Storybook for Preact with Vite

Native Preact

When to use it

Overview

Runtime & deployment

Preact integration

Known limitations

Alternatives

When to use it

Overview

Runtime & deployment

Preact integration

Known limitations

Alternatives

Related projects