Skip to content

acitonic/wokwi-elements

This branch is 281 commits behind wokwi/wokwi-elements:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Apr 19, 2021
17d1f17 · Apr 19, 2021
Dec 25, 2020
Jan 8, 2020
Mar 28, 2021
Apr 19, 2021
Apr 12, 2020
Dec 6, 2019
Apr 13, 2020
Jul 8, 2020
Mar 28, 2020
Jul 15, 2020
Apr 11, 2020
Mar 28, 2020
Feb 25, 2021
Apr 19, 2021
Apr 19, 2021
Jul 3, 2020
Dec 6, 2019

Repository files navigation

Wokwi Elements

Web Components for Arduino and various electronic parts.

NPM Version Gitpod ready-to-code

Check out the component catalog.

Note: these elements only provide the presentation and display of the represented hardware. They do not provide the functional simulation code of the hardware. That is dependant on the application (simulator) that you wish to use these with, and thus up to you to create.

Local development

To prepare for local development, clone this repo, and then install the dependencies:

npm install

Then start storybook:

npm run storybook

This will open a local dev server at http://localhost:6006, where you can interact with the elements and see your changes live, similar to https://elements.wokwi.com.

Creating a new element

The easiest way to create a new element is to run the generator:

npm run new-element --name demo

This will generate a new element called demo. It will also create a storybook file, so you will be able to see the new element in storybook (see the "Local development" section above).

Note: updates the docstrings in the code will not be reflected in Storybook's Docs tab unless you restart Storybook, or run the following command manually and refresh the page:

npm run analyze-components

Check out the Contributing Guide for more details.

Learn how to create elements

Video tutorial

The Membrane keypad element live-coding tutorial walks through the complete process behind creating an element: research, drawing, and writing the code / stories.

Blog posts

License

Wokwi Elements are released under the MIT license.

About

Web Components for Electronics and IoT Parts

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 98.4%
  • Other 1.6%