Need help with lwc-recipes-oss?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

159 Stars 130 Forks Creative Commons Zero v1.0 Universal 120 Commits 0 Opened issues


A collection of easy-to-digest code examples for Lightning Web Components on any platform.

Services available


Need anything else?

Contributors list

Lightning Web Components Recipes Open Source

Github Workflow codecov

A collection of easy-to-digest code examples for Lightning Web Components Open Source. Each recipe demonstrates how to code a specific task in 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!

Trailhead Badge

Learn more about this app by completing the Quick Start: Explore the Lightning Web Components OSS Recipes Sample App Trailhead project.

Recipes Live Version

Check out live on Heroku. Or on

Deploy to Heroku

If you want to deploy LWC Recipes Open Source to Heroku - there's a button for that.


Local Development

  1. Clone the
git clone
cd lwc-recipes-oss
  1. Install the project dependencies using
    , if you prefer that alternatively)
yarn install
  1. Start the app in watch mode.
yarn watch
  1. Enjoy the app!

Modifications for Edge browser users

The Edge browser currently doesn't support native shadow DOM. If you want to use this application you have to manually add the synthetic shadow DOM to your clone. Add to the first line of the index.js this code:

import '@lwc/synthetic-shadow';

Code Tours

Code Tours are guided walkthroughs that will help you understand the app code better. To be able to run them, install the CodeTour VSCode extension.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.