Skip to content
/ ladle Public

🥄 Develop, test and document your React story components faster.

License

Notifications You must be signed in to change notification settings

tajo/ladle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

cf36313 · Jan 3, 2025
Jan 3, 2025
May 30, 2024
Dec 23, 2024
Dec 23, 2024
Jan 3, 2025
Jan 3, 2025
Sep 2, 2023
Jul 10, 2022
Sep 22, 2023
Dec 23, 2024
Jun 23, 2022
Aug 6, 2024
Mar 7, 2023
Mar 4, 2021
Mar 4, 2021
May 30, 2024
Mar 4, 2021
Dec 24, 2024
Mar 5, 2023
Mar 29, 2022
Dec 23, 2024
Dec 23, 2024
Dec 23, 2024
Sep 22, 2023
Feb 15, 2023
Sep 22, 2023
Dec 23, 2024

Repository files navigation

Ladle logo


npm package build status discord chat twitter profile homepage stackblitz


Ladle BaseWeb

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