Introducing Ladle

on YouTube ↗05m

" summary

A Vite based app that loads React components from files like src/*.stories.tsx and starts near-instantly with a single serve command, showing a file nav and story list. It runs an accessibility check that reports a color-contrast violation, offers controls for arg variants, records actions for event callbacks, toggles viewports and themes, previews source and story location, and exposes a meta.json endpoint* for automation. It aims to replace Storybook with no initial config and monorepo-friendly plugin integration.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to Ladle
2. 0:39Project setup and basics
3. 1:29Feature walkthrough
4. 3:26Interface and metadata
5. 3:46Architecture and philosophy

" related talks

• 03mDocument your components with Storybook for VueMaya Savin · Vue.js Nation 2025
• 24mReact-Storybook"Design, Develop, Document and Debug your React UI components"Marie-Laure Thuret · React Conf 2017
• 27mThe story of storybookNorbert de Langen · ReactJS Day 2017
• 52mStorybook: New and upcoming featuresNorbert de Langen · Armada JS 2019
• 38mReact-Storybook: Design, Develop, Document and Debug your React UI componentsMarie-Laure Thuret · React Alicante 2017
• 20mVite - The Next Generation Frontend ToolingDevlin Duldulao · React Advanced 2021
• 14mBuilding a component library with React, Vue, Angular or WebComponentsNorbert de Langen · Frontend Developer Love 2018
• 43mMake Quick Angular,React or Vue Apps With Vite and JHipster LiteDennis Sharpe · Connect.Tech 2022