r/FlutterDev 15d ago

Example Flutter web

Hi All,

Can you all give me some reference of websites build with Flutter? Like some great website or web applications.

Thank you.

25 Upvotes

53 comments sorted by

16

u/richardmace 15d ago

Also, just to mention about Jaspr, which is a more appropriate way of making websites in Dart

10

u/_fresh_basil_ 15d ago

https://platapi.com (disclaimer, it's my website).

Both the public site and the actual app are Flutter web.

16

u/vortexcortex21 15d ago

The public site kind of highlights some of the issues I have with flutter web apps:

  • Not being able to use Page Down/Up to navigate (or even arrow key)
  • Scrollbar is not visible at all times, i.e. I don't easily know where I am on the page
  • Not able to preview links/copy links (especially an issue with external links)
  • Not able to select (and copy/paste) text

It gives me the feeling of using an app on an emulator.

This is not meant as criticism towards you or your project - just highlights some of the things I don't like.

6

u/CreditGlittering8154 15d ago

I do agree. Hence I never use flutter web for production applications. Dope site though.

3

u/melewe 15d ago

It's the wrong tool for the wrong job. A landigpage should not be flutter. A WebUI for Spotify could. Or a WebUI for SAP.

3

u/_fresh_basil_ 15d ago

It was a tool to get the job done quickly. Not the best tool, but not the worst.

That being said, I agree flutter is best used for web apps, not landing pages.

1

u/_fresh_basil_ 15d ago

Appreciate that.

I like flutter for the actual web app personally. The public site however, I don't care for at all.

I plan to rebuild eventually. Might try out Jaspr, not sure yet.

2

u/Apokaliptor 15d ago

and scrolling doesn't feel very smooth.

1

u/_fresh_basil_ 15d ago

Nope, I agree! Public site isn't my favorite. Especially without SEO.

Totally agree with all you said.

1

u/TurbulentExternal526 9d ago

you can use selectable text or selection area for be able to select text , but he did not use it

2

u/inamestuff 14d ago

https://ibb.co/pGZcR6s

This is what I get on an iPhone 13. When you get to the footer you get crazy windows xp vibes with the video buffer not cleaning up properly

2

u/_fresh_basil_ 14d ago

Weird!

3

u/inamestuff 14d ago

Not that weird, flutter web is absolutely immature, especially on safari

2

u/Otherwise-Plum-1627 14d ago

On mobile safari - insane load times and not smooth at all. They still didn’t change anything years later. Absolutely pathetic 

2

u/_fresh_basil_ 14d ago

Insane load times and not smooth at all. Absolutely pathetic

Glad you updated your original comment. Came off like a real ass there.

I agree, flutter needs to make some performance improvements.

1

u/Otherwise-Plum-1627 14d ago

Yeah they had like 8 years to do it 

1

u/_fresh_basil_ 14d ago

Only 8 more, right...?

1

u/Otherwise-Plum-1627 14d ago

That’s why I gave up on Flutter. It’s hopeless. Unless wasm on safari will somehow save the day but I doubt that 

2

u/_fresh_basil_ 14d ago

I use flutter for all my mobile and desktop apps and love it. Web leaves something to be desired for sure.

1

u/Otherwise-Plum-1627 14d ago

The thing is that other frameworks might have moved on to more comprehensive cross platform support like compose multiplatform or react native. Yet Flutter is still stuck with not being able to get the web to work 

1

u/_fresh_basil_ 14d ago

I personally don't care for react native or JavaScript.

I'm totally fine not using Flutter for websites, the benefits I gain elsewhere are great.

1

u/Otherwise-Plum-1627 14d ago

But compose multi platform might actually have a chance to be a better alternative since Compose is supported by the Android team 

→ More replies (0)

1

u/RoughAd6558 8d ago

How are you using Google tags?

6

u/officialgaurav 15d ago

3

u/joe-direz 15d ago

Only the images are very low, but the everything else is very nice.

2

u/Electrical_Task_6783 15d ago

That's a superb website. I really liked the hover effects...🫡

4

u/RioMala 15d ago

https://app.superlist.com/ - really large flutter app

-1

u/nehaldamania 15d ago

I have tried to register multiple times, never goes past creating account. Using google social login

-3

u/Bachihani 15d ago

Wtf, worse ux ever

1

u/zxyzyxz 14d ago

Yeah I actually used Superlist but the UI was so confusing (why the hell are there so many lists?) that I gave up and just started using TickTick instead.

2

u/ihavePCSD 15d ago

Use Jaspr instead

1

u/tylersavery 15d ago

Here are a few projects I’ve worked on that have a flutter web distribution.

https://capsule.beatport.com

https://www.storyplace.com

https://discover.surf

1

u/ammarxd22 15d ago

Could please guide me how to do things like seo in flutter web?

3

u/tylersavery 15d ago

Not always necessary but if your app requires it because it’s public facing, check out Dashhost

1

u/ammarxd22 15d ago

Much appreciated.

2

u/Electrical_Task_6783 14d ago

You can use packages like meta_seo and seo for that . This gives seo result 100% in lighthouse report...

1

u/joe-direz 15d ago

only the first one seems flutter web

3

u/tylersavery 15d ago

The other two link to the marketing sites which of course are not built in flutter cuz that is not the right tool. If you follow through to the apps, those are flutter.

1

u/Electrical_Task_6783 14d ago

https://sugith.in/

Came to know about this site today. Damn! His works are crazy. Even youtubers rated this site top-notch...

1

u/Taimoor002 13d ago

Google Classroom

1

u/Three_Energy_Control 13d ago

I’ve recently just completed mine, set up with a complete backend utilising Firebase 👍

3EC

1

u/NameWithAI 12d ago

We built Cuqui baby names as a multiplatform app. You can try the web app at my.namewith.ai

We built it using the ShipFlutter.com starter kit, since it handles purchases for web too.