Nice browser. Is it antique?
No, seriously - your browser is so old that some features of patternplate don't work as expected.
Don't worry - you can either continue with a restricted version or install an up-to-date browser.
We messed up.
Sorry, but your user experience might be affected.
- Try reloading the page
- Report the problem at github.com/patternplate/patternplate

Documentation

Welcome to Alva! Alva lets you design interactive products based on the same components your engineers are using for production websites. Basically, Alva is design and engineering, joined together. Learn more about our story.

Guides: Prototyping with Alva

Instructions for common use cases that can be followed step by step. This is where you'll want to begin when exploring Alva and its features. Most guides are written for beginners.

Guides: Creating a Component Library

Learn how to create your own Design System's component library based on React/Typescript and how to bring it to live in Alva.

Levels

The levels are meant to help you decide how much time you'll need to follow a guide. If you are a beginner: Please tackle the "Expert" level guides!

Join us for a chat and help on Gitter when you have trouble with anything.

  • Beginner
  • Intermediate
  • Expert

References

Currently Alva supports React and certain library requirements, but the goal is to be platform-agnostic in the future.