Redesigned Ui of Appinventor [To be Open Sourced]

#1

SO well hi guys, My self a little coder named Anshuman Mishra. Actually, I hoped to participate in Gsoc this year but, sadly I wasn't able to do so ( Due to age eligibility problems). I made a UI project, maybe it may have mistakes.

Preview

image
image1913×919 113 KB

Please give me suggestions to improve it more.

Note: I will make this UI open source as soon as when most of things are done and the Ui satisfies you all.

Open source Link
Will be updated when most of the bugs and problems are fixed

Sorry if there are any mistakes on non good looking things in it .

5 Likes
App inventor user interface modification
#2

nice work!!

2 Likes
#3

It seems like you only use one font which makes it worse, as said before by another person, a font like Roboto or Inter would look good.

This is my natural opinion, saying what I think. No Offense.

3 Likes
#4

Ok, will update the font and show u results

#5

Looks pretty good. I like the way the viewer is shown, but I agree with @KUMARASWAMY_B.G - the font isn't looking good.

1 Like
#6

Ok, will update the font and show you results soon :slightly_smiling_face:

#7

I will surely not as u are just trying to improve me :hugs:

#8

Wow That is SuperB UI

Good Job :wink: :+1:

1 Like
#9

What if we make the panels scrollable rather than whole screen?

1 Like
#10

Panels are scrollable sir :slightly_smiling_face: u can see a scrollbar in screenshot

#11

Good then.
But as you mentioned earlier that you have only modified CSS.Is it true?

2 Likes
#12

Yes sir, majorly css is there but, some code is dependent on other files too so, I will open source all the depending files that need to be modified

#13

Awesome work!!

1 Like
#14

The UI is totally awesome! Like fits my style!

1 Like
#15

image
image1393×846 92.7 KB

Progress till now

I opened a pull request in Appinventor sources too :

1 Like
#16

Nice PR,
But To redesign appinventor UI,
Need to target which part of ui you want to change,
we can't change everything at once of UI :thinking:

1 Like
#18

My goal is to make UI user friendly and will try to make it more minimal and clean

#19

Why the small font? And does the opendyslexic function still works. I saw the same error on Appzard. Their opendyslexic is also not working anymore.

5 Likes
#20

Ok, I will take a look at your suggestions

#22

When will this be open-source @Know_About_IT?
Really Want to take a look at the code :star_struck:

P.S: is this the one? I think it just has the light/dark mode