- Stay tuned
- Alva is a work-in-progress, and constantly evolving. Sign up with your email to be the first in line when we announce new
+
+ Stay tuned
+ Alva is a work-in-progress, and constantly evolving. Sign up with your email to be the first in line when we announce new
features.
-
-
-
-
Design and engineering, joined together
-
As a designer, you start with a minimal set of web components which are enhanced by importing new components as placeholder images. Based on that, an engineer can start writing the component as real code and replace all the placeholder components.
-
-
-
-
-
-
+
+
+
+
Design and engineering, joined together
+
As a designer, you start with a minimal set of web components which are enhanced by importing new components as placeholder
+ images. Based on that, an engineer can start writing the component as real code and replace all the placeholder components.
+
+
+
+
Wireframe
-
-
-
-
-
+
+
+
Design
-
-
-
-
-
+
+
+
Design & Code
-
+
-
-
-
Cross-functional single source of truth
-
Instead of creating a separate static component library for Sketch, Photoshop and all the other tools, you can start building your layouts and design with the very same components that your engineers use for the production website.
+
+
+
Cross-functional single source of truth
+
Instead of creating a separate static component library for Sketch, Photoshop and all the other tools, you can start building
+ your layouts and design with the very same components that your engineers use for the production website.
-
+
-
Basically, you share the component library with your engineers so that everyone has the latest version everywhere, everytime.
-
We are starting with React and certain library requirements, but we plan to be platform-agnostic in the future.
+
Basically, you share the component library with your engineers so that everyone has the latest version everywhere, everytime.
+
We are starting with React and certain
+ library requirements, but we plan to be platform-agnostic in the future.
-
-
-
Bringing web technology into web design
-
A website is more than a plain fixed-size drawing canvas, where you can position rectangles, circles and text wherever you want to. Responsive design doesn’t mean to have just three different viewports designed. And interaction is not only connecting to static screens with a transition. It can be way more.
+
+
+
Bringing web technology into web design
+
A website is more than a plain fixed-size drawing canvas, where you can position rectangles, circles and text wherever
+ you want to. Responsive design doesn’t mean to have just three different viewports designed. And interaction is not only
+ connecting to static screens with a transition. It can be way more.
-
-
-
Page elements
-
On the left side are all the components you are using on your page. You can rearrange them or nest them.
+
+
+
Page elements
+
On the left side are all the components you are using on your page. You can rearrange them or nest them.
-
-
Responsive
-
Every viewport counts. You can easily adjust the preview viewport to test your design on every possible size.
+
+
Responsive
+
Every viewport counts. You can easily adjust the preview viewport to test your design on every possible size.
-
-
Interactive
-
The web is interactive, so we should design interactively, too. Alva enables you to go beyond static screens.
+
+
Interactive
+
The web is interactive, so we should design interactively, too. Alva enables you to go beyond static screens.
Coming soon
-
+
-
-
-
Custom code integration
-
If you’d like to implement custom logic or anything else code-based, you can insert custom code anywhere. So Designers don’t have to code. But they are able to.
+
+
+
Custom code integration
+
If you’d like to implement custom logic or anything else code-based, you can insert custom code anywhere. So Designers
+ don’t have to code. But they are able to.
Coming soon
-
-
-
Prototype design with live data
-
You want to translate your designs into a dozen of languages? Or want to connect to real data? Don’t worry, Alva supports that.
+
+
+
Prototype design with live data
+
You want to translate your designs into a dozen of languages? Or want to connect to real data? Don’t worry, Alva supports
+ that.
Coming soon
-
-
-
Be part of shaping the future of design
-
Help us taking Alva to the next level with your design expertise, product management insights or engineering skills. Our next features, bugs and the roadmap are fully open. Feel free to add issues, start pull requests or let us discuss what should be next.
-
-
Explore our next steps on Github
-
or send us an Email
+
+
+
Be part of shaping the future of design
+
Help us taking Alva to the next level with your design expertise, product management insights or engineering skills. Our
+ next features, bugs and the roadmap are fully open. Feel free to add issues, start pull requests or let us discuss what
+ should be next.
+
+
-
-
-
The story behind Alva
-
»Alva« is the middle name of Thomas Alva Edison, who made electricity available to the public. And in Latin, »Alva« means Wisdom. We started Alva in August 2017 as an initiative at SinnerSchrader and since then a quite small, but very powerful product design and engineering team is working hard on building and evolving the Alva app and its ecosystem.
+
- Alva on Github
+