bubblewrap
unocss
bubblewrap | unocss | |
---|---|---|
25 | 56 | |
2,218 | 15,442 | |
1.3% | 1.5% | |
6.0 | 9.7 | |
3 days ago | 6 days ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bubblewrap
-
Don't upload your PWA to the app stores
I think it's not correct to conflate the App Store and the Play Store like this. Apple is very hostile to PWAs in the App Store, whereas Google wrote a tool to easily package your PWA for the Play Store https://github.com/GoogleChromeLabs/bubblewrap
So for me, I publish to the Play Store to get some free users who find my app that way. App Store, not worth the headache of trying to skirt Apple's rules.
Ideally I think app stores should allow listing PWAs directly, rather than banning them (like Apple) or forcing them to use a wrapper (like Google). Whatever complaints people have about that (app can change without review, etc) also apply to the current situation in the Play Store. Once your wrapper PWA is accepted, you can change the website however you want. So what's the point of the wrapper?
- Japan to crack down on Apple and Google app store monopolies
-
How I published a gratitude journaling app for iOS and Android using SvelteKit and Capacitor
After some research, I felt fairly confident going into the Google Play review process. Google Play makes PWA a first class member and they even offer bubblewrap to help you convert your PWA into an app you can submit. I also read that people had success with using PWABuilder for their apps (which uses bubblewrap internally). I figured my Capacitor app would have a decent chance to pass.
-
I'm working on a minimalistic Micro Journaling app
Of course, it doesn't use any native framework, it's a pure Progressive Web App (PWA) wrapped as Trusted Web Activity. The advantage with this is you do not need to bundle it every time there is an update, you just deploy it to the PlayStore once and then it stays up-to-date with the web app automatically. You also do not need to worry about users using old versions, aka. your backend needs to handle only the latest version. I used bubblewrap for the bundling, but there is also a GUI from Microsoft called PWA Builder.
- Add apps to our services?
-
I'm working on this minimalistic Micro Journaling app (Django, Nuxt, PWA)
The Django backend is not packaged, it just exposes an API to sync and process data, only the Nuxt frontend is packaged. It is more or less straight forward and works out of the box with the nuxt/pwa package for PWA and bubblewrap or PWA Builder for TWA.
-
PWA SvelteKit with router-auto submission to google play and istore
If you don't like PWA Builder I'd look at Bubblewrap it's made by Google to make an Android app out of a PWA.
-
I made a website that helps co-parents easily track their children's shared expenses.
Another inexpensive way of getting an app is by creating a PWA and building an app by using tools like https://github.com/GoogleChromeLabs/bubblewrap
-
Let’s build a Native(-like) Web App (NWA)
Progressive Web Apps (PWAs) are great and you can even publish them — with limitations — to most of the app stores out there via tools like bubblewrap or PWA Builder. See also Trusted Web Activities (TWAs) and my previous post Publishing a Progressive Web App (PWA) on the PlayStore — What works and what doesn’t (in 2021).
-
Share target not working for apps published to Google PlayStore
I directly used bubblewrap, but it's the same thing which PWABuilder.com use too.
unocss
-
Tailwind CSS v4.0.0 Alpha
I wish tailwind would support attributify like https://github.com/unocss/unocss, which is much more readable for complex layouts:
link
- UnoCSS — an Instant On-Demand Atomic CSS Engine
-
Catalyst – Tailwind CSS Application UI Kit
I feel the same about people praising Tailwind.
Tailwind (and similar, I tend to use https://unocss.dev/) is not good for your frontend architecture BUT they allow you to be so fast, that it negates the benefits.
For a job well done, I'd follow the principles of https://maintainablecss.com/
-
What do you think we can do better to improve Vue position in the frontend space as a dominant UI framework?
I think UnoCss is may be better than Tailwind already and has a good Vue integration https://unocss.dev/
-
~~New~~ Old way to write CSS
The most popular tools that implement this approach are: Tailwind, WindiCSS, UnoCSS.
-
Which is best for DX and efficiency, TailwindCSS, UnoCSS, PandaCSS, or the new MasterCSS
- UnoCSS: https://unocss.dev/
-
A design system for the federal government
haha, fair point. Still, I'm on the fence about how utility components are namespaced in USWDS. Perhaps giving users the flexibility to define the namespace might work better? One thing that bugs me is the absence of class-sorting like we have in TailwindCSS. Plus, there are some gaps I've noticed in USWDS. The naming, especially when comparing "padding-x-2" and "p-x-2", can be really annoying when switching around, maybe that could also be an option for the developer or project. Similar to the ideas antfu has on uno.css https://unocss.dev/ ♥
-
Modern CSS Framework or Library for Static Websites?
UnoCSS is a popular option
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
UnoCSS — for styling with Tailwind-like atomic CSS;
-
Why I Switched From Neovim to VSCode
Some exceptional libraries and frameworks only support VSCode, which you could argue is a bad thing, but it makes sense, VSCode is the most popular code editor after all. For example UnoCSS only has a VSCode extension, and it's my favourite way to write CSS. Astro has a LSP but I've found that the experience in VSCode is much better than in Neovim.
What are some alternatives?
pwa-module - Zero config PWA solution for Nuxt.js
Tailwind CSS - A utility-first CSS framework for rapid UI development.
svgomg-twa - A sample that project Trusted Web Activities technology to wrap SVGOMG in an Android Application
windicss - Next generation utility-first CSS framework.
pwa-to-apk-action - A Github Action for Converting your PWA to android app.
tail-kit - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
Django - The Web framework for perfectionists with deadlines.
unplugin-vue-components - 📲 On-demand components auto importing for Vue
pwa-to-apk-action-test - This repository contains files generated by bubblewrap-cli which will be used in awsm-pwa-to-apk-action
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript