UI Toolkit / Framework for PWA app?

So I'm thinking about building a new app. This time I'm thinking PWA (written some native Android apps before).

The problem is that I'm not a designer, so I need a good UI framework with native feel to base the app upon. Any suggestions?

I've played with Material Components Web but I don't think it looks super nice.

Posted Jan 19, 2020, 10:54 AM UTC

6015
jesper101996•

I've heard very positive things about Ionic's stuff

https://ionicframework.com/docs

16
coredevOP•

Looking really promising 👍 thanks!

2
seiyria•

Can confirm that ionic is great. I use it for 90+% of my projects (most of which are pwa).

2
yoyomans1001•

If you're using Vue.js I'd have a look at quasar https://quasar.dev/

9
MarmotOnTheRocks•

In case you need some animation library I would strongly suggest GSAP 3.0. Awesome stuff, very simple to use and perfect for those app-like animations (sliding stuff, zoom in-out effects, etc). Alternatively you can also use AnimeJS, even though I still never tried it on a final project.

2
newton_half_ear•

Wow!! I would totaly give AnimeJS a try

1
MarmotOnTheRocks•

They're similar but I started using GSAP because its community is awesome, theyìre super fast and super helpful.

1
vhexs•

https://onsen.io/ looks promising

1
coredevOP•

I like what I see. Thanks!

1
rahabash•

Let me know what you try out, as I'm also looking for a UI kit. Currently I just use create react app and material ui and it's been sufficient since I dont necessarily have to draw what looks like a native iOS vs native android app, but I'm curious how tools like ionic apply in PWAs.

Also, is there really anything to PWAs apart from turning on a service worker and having a manifest? Like is there a framework out there that focuses on PWAs with options for caching, offline mode, etc.?

1
coredevOP•

Material Components Web looks pretty nice, but their demos are buggy and it's hard to make it look good. I would only recommend it if you only need a versatile framework that you will build other stuff on.

PWA contains a lot of parts that really makes sense, but quite a bit of it is Android/PC only unfortunately.

1
newton_half_ear•

Using Angular you can build full responsive PWA with all of the styles or framework you like with couple of simple commands.

Im not saying use Angular material, but every large UI framework has an Angular wrapper. Just look for the top ones and choose what you like.

1
Mr_Self_Healer•

https://GatsbyJS.org/ uses React and very quick to set up. Worth giving it a try.

1
0drop•

Take a look on setproduct.com

0
[deleted]•

[deleted]

-1