Vue CLI UI
![](https://media3.giphy.com/media/TEkr9oBZ57KFmMWScZ/giphy.gif)
Almost 2 years!
@akryum
![](https://media.slid.es/uploads/638176/images/4796261/avatar_copie.jpg)
![](https://media.slid.es/uploads/638176/images/7070985/pasted-from-clipboard.png)
More than a year ago
Vue CLI 3
New plugin architecture
Very flexible & featureful
Comes with a GUI
Graphical User Interface (Vue app)
Server
(Node.js + Apollo)
vue ui
GraphQL
![](https://media.slid.es/uploads/638176/images/7071008/pasted-from-clipboard.png)
![](https://media3.giphy.com/media/nNxT5qXR02FOM/giphy.gif)
![](https://media.slid.es/uploads/638176/images/7080317/pasted-from-clipboard.png)
Why a GUI?
Easier to use
Self-explanatory
Richer interactions
![](https://media.slid.es/uploads/638176/images/7080314/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080316/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080321/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080322/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080324/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080325/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080327/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080329/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080331/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080333/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080334/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080339/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080345/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080349/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080350/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080351/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080356/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080359/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080360/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080362/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080364/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080365/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080366/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080367/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080368/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080369/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080371/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080372/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080373/pasted-from-clipboard.png)
Let's take a look back 👀
Feb 2018 - Vue CLI 3 announced
Apr 2018 - First Vue CLI UI screenshot
Aug 2018 - Vue CLI 3 released
Jul 2019 - ???
Oct 2019 - awesomejs.dev launched
Jan 2020 - ???
Feb 2020 - Here we are!
![](https://media.slid.es/uploads/638176/images/7071044/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7071036/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7071040/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7071046/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7071047/pasted-from-clipboard.png)
We are in February 🤔
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
What if...
&
Had a 👶?
Vue CLI UI
Nuxt
Or not only with Nuxt? 🤯️
![](https://media.slid.es/uploads/638176/images/3404570/react-logo-1000-transparent.png)
![](https://media.slid.es/uploads/638176/images/3404573/ember.png)
![](https://media.slid.es/uploads/638176/images/7080211/gridsome.png)
![](https://media.slid.es/uploads/638176/images/7080212/gatsby.png)
![](https://media.slid.es/uploads/638176/images/7080213/next.png)
![](https://media.slid.es/uploads/638176/images/7080214/meteor.png)
![](https://media.slid.es/uploads/638176/images/7080215/nodepack.png)
![](https://media.slid.es/uploads/638176/images/7080220/vuepress.png)
![](https://media.slid.es/uploads/638176/images/7080221/svelte.png)
![](https://media.slid.es/uploads/638176/images/7080222/cypress.png)
With mono-repo support? 🤯️
![](https://media.slid.es/uploads/638176/images/7080281/git-repository-comparison.png)
With keyboard shortcuts? 🤯️
With a command palette? 🤯️
With a ton of keyboard shortcuts? 🤯️
Which looks like an actual app? 🤯️
That weighs less than 2MB? 🤯️
With less RAM usage than electron or chrome? 🤯️
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
![](https://media1.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
🥁 Introducing...
![](https://media.slid.es/uploads/638176/images/7085923/Microsoft_Surface_Book.png)
Stronger
Faster
Smarter
Brand new design
(Almost) entirely rewritten
Better architecture
![](https://media0.giphy.com/media/aNqEFrYVnsS52/giphy.gif)
About guijs
Graphical User Interface (Vue app)
Server
(Nodepack + Apollo)
GraphQL
guijs app
(Tauri & Rust)
awesomejs.dev
No
electron
needed
![](https://media.slid.es/uploads/638176/images/7080481/tauri-dark.png)
Now we can fill it in
Feb 2018 - Vue CLI 3 announced
Apr 2018 - First Vue CLI UI screenshot
Aug 2018 - Vue CLI 3 released
Jul 2019 - Vue cli-ui forked to guijs
Oct 2019 - awesomejs.dev launched
Jan 2020 - guijs rewrite started
Feb 2020 - Here we are!
Roadmap
Stabilize core
Port old features
Plugins
vue-cli users migration path
DOWNLOAD NOW!
Silver sponsor
Bronze sponsor
Gold sponsor
![](https://media.slid.es/uploads/638176/images/6177610/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080077/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080096/pasted-from-clipboard.png)
![](https://media.slid.es/uploads/638176/images/7080982/Guillaume_updated.png)
![](https://media.slid.es/uploads/638176/images/4796261/avatar_copie.jpg)
Guillaume Chau
![](https://media.slid.es/uploads/638176/images/3405366/twitterbird_RGB.png)
@Akryum
![](https://media.slid.es/uploads/638176/images/4614879/GitHub-Mark-Light-120px-plus.png)
github.com/Akryum
Thank you!
Vue CLI UI Almost 2 years!
guijs
By Guillaume Chau
guijs
Announcing a new Graphical application for the Web developer #nocode
- 13,001