Back to rankings
🥄 Develop, test and document your React story components faster.
playgroundreactjavascripttestingcomponentsdocumentationstyleguidetypescriptuiesbuildvitejsstories
Key Metrics
Star Growth
Stars
3k
Forks
120
Weekly Growth
—
Issues
35
1.5k2k2.5k
Mar 2022Nov 2022Aug 2023May 2024Feb 2025Oct 2025Jul 2026
Artifactsnpm
npm install ladleREADME
Ladle is an environment to develop, test, and share your React components faster.
Quick start
mkdir my-ladle
cd my-ladle
pnpm init
pnpm add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
pnpm ladle serve
with yarn
mkdir my-ladle
cd my-ladle
yarn init --yes
yarn add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
yarn ladle serve
with npm
mkdir my-ladle
cd my-ladle
npm init --yes
npm install @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
npx ladle serve
For powershell, replace in the above listings echo with the following
@"
export const World = () => <p>Hey</p>;
"@ | out-file -encoding ASCII src/hello.stories.tsx
Related repositories