Ladle

Develop and test your React stories faster

PlaygroundReactVite
tajo/ladlewww.ladle.dev@ladle/react

README

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.

- Documentation
- Demo
- Twitter
- StackBlitz
- Discord

Quick start


  1. ``` sh
  2. mkdir my-ladle
  3. cd my-ladle
  4. pnpm init
  5. pnpm add @ladle/react react react-dom
  6. mkdir src
  7. echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
  8. pnpm ladle serve
  9. ```

with yarn

  1. ``` sh
  2. mkdir my-ladle
  3. cd my-ladle
  4. yarn init --yes
  5. yarn add @ladle/react react react-dom
  6. mkdir src
  7. echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
  8. yarn ladle serve
  9. ```

with npm

  1. ``` sh
  2. mkdir my-ladle
  3. cd my-ladle
  4. npm init --yes
  5. npm install @ladle/react react react-dom
  6. mkdir src
  7. echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
  8. npx ladle serve
  9. ```