meetalva/Lobby

Create living prototypes with code components.

Tilman Frick

@tilmx

That sounds weird. Just to make sure – you started yarn tsc -b -w, webpack -w and yarn alva --host=node in three separate terminal windows?

kianris

@kianris

with node host, the menu item to load a file isn't working but if I use the bottom right button instead it works fine

Carlos Flores

@geop0p3_gitlab

Hello! Any place to find libraries?

Mario Nebl

@marionebl

Hey Carlos! We are working on enabling a library ecosystem. For now you can try out Alva Canary that contains an early version of the Alva Library Store

Clayton Dewey

@cedewey_gitlab

Hi all, I'm very impressed with Alva so far - from the design, to the documentation to the speedy response to my support request in the issue queue (apologies for never having responded btw. it was exactly what i needed).

Before I fully commit to Alva as a tool in my workflow, I'd like to understand the business model and plan for its long-term sustainability. if anyone has documentation on this or can give even some brief answers, I'd really appreciate it.

Yuri Ziebell

@yuzl

Hey Clayton @cedewey_gitlab, we really appreciate your positive feedback – in case you also have some valuable critique please let us know :)

Up until now, there is actually no proper business model behind Alva. Currently, Alva is being fully financed by SinnerSchrader - a digital agency based in Hamburg, Germany. We feel the problems and pains around design/dev collaboration and building digital products ourselves everyday and just started aiming to fix it. The business case so far is: Do something good and hope for people to notice it. As I am writing this today, this model might change in the future, ut there is nothing specific planned until today. At some point, we will need to be at least self-sustainable. We will keep you updated!

oofdere

@oofdere

Hi! I just created a project in Alva and am trying to figure out how to export it. I don't see any way to export the entire project and exporting as HTML yields an empty file. I'm using Canary 0.9.2

Yuri Ziebell

@yuzl

Hey @oofdere that does not sound right – HTML should contain any element composed in Alva. Would you be so kind and open an issue in github? You may also attach screenshots or the alva file if possible. Thanks for reaching out!

Yuri Ziebell

@yuzl

Besides the HTML export, there is currently no other form of export functionality. We will probably tackle this topic during the upcoming months – how is your/your teams process? What would you like to be able to export and why? And how would you use it? Any thoughts are appreciated :)

Andrew Oko-odion

@andrew-oko-odion

I just downloaded the .deb file on my Debian Linux,
I am sorry its not working at all

sudo dmesg out put
321.806958] traps: Alva[2909] trap int3 ip:55ea2a925767 sp:7ffdba411f40 error:0
[ 321.806963] in Alva[55ea28a03000+5022000]

Please any help with this?

Tilman Frick

@tilmx

Hey @andrew-oko-odion! Thanks for reaching out. Could you create a Github issue for that? And which version did you download?

Andrew Oko-odion

@andrew-oko-odion

Thanks @tilmx I have opened a bug issue on Github.

Sarath R

@sharath-rk

Hi, is it just me or has anyone else stumbled upon a 404 from the Get Started link @ https://meetalva.io/ ?

Yuri Ziebell

@yuzl

Hey @sharath-rk it wasn't you - it were us :) Thanks for the hint. Should be working by now again: https://meetalva.io/doc/docs/start.html

Aaron Porter

@DrArmus

Hello! I'm very new to Alva and I'm playing with the Alva Website Design library. Is it possible to change the background color of the menu component?

Yuri Ziebell

@yuzl

Dear @DrArmus, with Alva, we aim for design system consistency. As an example: In this case that means, the Design System of the "Alva Website Design" does not allow to change the color of the menu component. That is why, there is no option to change that property in Alva.

With your own design system/component library connected with Alva. You could do what ever you want your components to be capable of. We also plan support more adaptability of existing libraries in the future.

Until then, you could for example use the "Box" compontent, which is part of the Alva essentials. It is basically a Flexbox layout component that also supports background color, as shown in the screenshot below:

Bildschirmfoto 2019-05-21 um 10.36.07.png

The inner Box is set to 15% width and 100% height, the link color to white.

Yuri Ziebell

@yuzl

Outer Box is:

Bildschirmfoto 2019-05-21 um 10.41.13.png

Tino

@tktino_twitter

Hey Team!

Can I build components in just html/css?

Yokiijay

@yokiijay

Dear @yuzl , I realized that high ui-customization is not supported in Alva, at least by the GUI design mode. But we can actually write our own React Components and connect to Alva, use GUI design mode to drag and drop our components, click and select the properties, link and migrate the variables, am I think right? Is that the main idea of Alva ? Another question, can I use jsx to write React instead of tsx ?

Yokiijay

@yokiijay

For React coder, like myself, create Components by code is easy, but I can't see a clearly docs in your official site, hope it could be better, and I think, Alva is very likely with Framer X, both use React components into GUI design mode, and focus on design-system, interaction-design, prototype

Momar-NDIAYE

@Momar-NDIAYE

Hello community

I am new in meetalva

I want to add the library Ant Design like a library

But I have some problems with the installations. Alva expect to find the index.d.ts in a lib folder but in my case that file is in typing. Naturally I create a new folder called lib with the content of typing, Alva sees the library but I don't see any component of my library in the alva application.

Momar-NDIAYE

@Momar-NDIAYE

Please can you help me I need this solution for making ma scrren quickly

Yuri Ziebell

@yuzl

Dear @yokiijay, yes you are right. Composing React components into responsive hi-fi prototypes with interactions, states and logic is the main purpose of Alva at the moment. But we do not what to stop their and have plans to lower barriers and enable more design freedom within Alva in the future! Our docs have much room for improvements :) Compared to FramerX, Alva is entirely build based on actual web technology including e.g. the DOM. The Preview in Alva is basically a browser window. We believe, this approach has much more potential!

Yuri Ziebell

@yuzl

Dear @Momar-NDIAYE thank you for checking out Alva. Our goal is that with one click you can connect any React/TS library in near future (and even more than React in the future) we are not fully there though. Until then, Alva needs some help to properly understand the libraries. Please check out our guides for custom libraries: https://meetalva.io/doc/docs/guides-dev/install-local-library.html?guides-dev-enabled=true

We gonna keep you updated! Cheers, Yuri :)

kaanchan

@kaanchan

Hi, I just downloaded Alva-0.9.1.dmg (for OSX) and clicked on Get Started, but it opens browser to https://meetalva.io/doc/docs/guides/start?guides-enabled=true which doesn't exist.

I see the correct off the main homepage now from "Get Started" button...

Yokiijay

@yokiijay

Dear @yuzl , thanks for your answer, after few days learning Alva, now I see a huge potential in Alva in the future, I sincerely hope that your team will produce a complete document as soon as possible, because without it I'm struggling trying to accept this workflow in real-time, I read your official source of Essential components, such as @name @default @group @control @icon, those are not in the document but really important for UI panel structure, I hope it can be complete ASAP so that I can contribute to the Alva community.

Yokiijay

@yokiijay

Another question, does Alva has a store to control state of components? For now, the only way I can think is to wrap all the Components into a wrapper which has a state.

Yuri Ziebell

@yuzl

Hey @yokiijay first of all: Thank you for your interest and reaching out to us. As Alva is still in quite raw state, we live from your feedback. You are absolutely right and it's good that you stress the documentation topic so much. We haven't had the time to work on Alva that we would like to have lately – that also affects our not-so-up-to-date documentation. That being said, we are working hard on shaping an environment where we can fully commit on Alva and our vision of the fusion of digital design and development.

I will do my best to gather the information for UI panel structure you ask for as soon as possible.

Tilman Frick

@tilmx

Hey @yokiijay! For the moment we don't support states in Alva, sorry. As you mentioned, a workaround could be to build a wrapper that handles states depending on regular properties.

Leo Le Bouter

@lle-bout_gitlab

hey there, I am using the yew reactive web client framework in Rust and I would like to create a dashboard like webapp, can Alva help me?

Mangabo Kolawole

@Onael23

Hello. I was searching for a good alternative to Xd for linux and I found this. It's a great project and I love it. I think that I will love playing with Alva. :)

Mangabo Kolawole

@Onael23

Hey there. What's the difference between alva and alva-canaris ?

Taz-1999

@Taz-1999

Hello, I just started using Alva and used the download link on the frontpage. But I just (after a few hours of searching and trying to figure out libraries and building one using the terminal), that the Beginners guide are written for Alva Canary, not Alva. Meaning the other download link.

There is no mention of this in the beginner guides, that the download link will not match the beginners guide.

Taz-1999

@Taz-1999

Also, is there information or examples somewhere about doing some simple things like a login dialog in an app?

Taz-1999

@Taz-1999

Another thing, in the "getting started guide" there is no information about if some elements are supposed to be inside other elements. Is it a good idea to create a box (essentials) for an entire page for instance? What is a section (meetalva/alva-design) and what purpose does it serve?

Yet another thing: Where do I set the colors that are main and alternative?

Where communities thrive

People

Repo info

Activity