All Projects → webmaxru → Progressive Web Apps Logo

webmaxru / Progressive Web Apps Logo

Progressive Web Apps logo. Feel free to use it! #PWALogo

Labels

Projects that are alternatives of or similar to Progressive Web Apps Logo

Starter Kit
Some useful R-Ladies files 💜 🌍
Stars: ✭ 211 (-15.94%)
Mutual labels:  logo
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (-6.77%)
Mutual labels:  pwa
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (-2.39%)
Mutual labels:  pwa
Vite Plugin Pwa
Zero-config PWA for Vite
Stars: ✭ 209 (-16.73%)
Mutual labels:  pwa
Breaklock
Web game, hybrid of Mastermind and the Android pattern lock
Stars: ✭ 232 (-7.57%)
Mutual labels:  pwa
Angular11 App
Angular 11 ,Bootstrap 5, Node.js, Express.js, CRUD REST API, PWA, SSR, SEO, Angular Universal, Lazy Loading, PostgreSQL, MYSQL
Stars: ✭ 233 (-7.17%)
Mutual labels:  pwa
Logo
A Logo interpreter written in Swift
Stars: ✭ 207 (-17.53%)
Mutual labels:  logo
Vue Firebase Auth Vuex
Vue Firebase🔥 Authentication with Vuex
Stars: ✭ 248 (-1.2%)
Mutual labels:  pwa
React Firebase Admin
React ⚛️ starter kit with Firebase 🔥 and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless
Stars: ✭ 232 (-7.57%)
Mutual labels:  pwa
Shinymobile
shiny API for Framework7 (IOS/android)
Stars: ✭ 243 (-3.19%)
Mutual labels:  pwa
Twitterlaunchanimation
The library with Twitter-like launch animation
Stars: ✭ 221 (-11.95%)
Mutual labels:  logo
Reactive Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Stars: ✭ 3,280 (+1206.77%)
Mutual labels:  pwa
Vectorlogozone
3,000+ gorgeous SVG logos, perfect for your README or credits page
Stars: ✭ 239 (-4.78%)
Mutual labels:  logo
React Pwa
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
Stars: ✭ 2,433 (+869.32%)
Mutual labels:  pwa
Hnpwa Vanilla
Hacker News PWA implemented using no framework just javascript
Stars: ✭ 245 (-2.39%)
Mutual labels:  pwa
Angularfire2 Offline
🔌 A simple wrapper for AngularFire2 to read and write to Firebase while offline, even after a complete refresh.
Stars: ✭ 209 (-16.73%)
Mutual labels:  pwa
Uber Mobile Web
This is an attempt to mock the new uber app into mobile web to learn how react can be used to optimize for mobile web.
Stars: ✭ 235 (-6.37%)
Mutual labels:  pwa
Nuxt Wordpress Pwa
Wordpress + Vue + Nuxt.js
Stars: ✭ 251 (+0%)
Mutual labels:  pwa
Ng Pokedex
🐵 Pokedex progressive web app built with Angular
Stars: ✭ 245 (-2.39%)
Mutual labels:  pwa
Just
A library of dependency-free JavaScript functions that do just do one thing.
Stars: ✭ 3,837 (+1428.69%)
Mutual labels:  pwa

Community-introduced and widely adopted PWA logo

pwa

Author

General idea igniter, facilitator

Hashtag

History:

Description:

PWA letters with an emphasis on the "W" with different colors, textures or graphics. The cuts between the letters remind of the // in the URL. It can be used in dark or light fonts, and can easily be adapted into icons, stickers, or other use cases.

Logo is based in a dark or light font, in order for it to adapt to many use scenarios. It can be used in any color. It is suggested that the W stands out in order to highlight the "Web" part of PWA. Nonetheless all three letters in one looks also great! It is your logo, feel free to adapt it. Base colors are:

base colors

Vector source:

pwalogo.svg | download

pwalogo-inverse.svg | download

pwalogo-white.svg | download

Also, you can create and download your own SVG file with color combination at https://diekus.com/logo-pwinter/ (also a PWA!)

capture

Demo example usage:

ew

It can be used with other logos (examples here show different browsers that support PWAs, a React version, or a WebVR like app that itself is a PWA. You can play around and put your company logo as well.) Looks great for stickers!

Rasterized Use-Ready sources (quick way to just pop them in presentations, docs, etc)

High Res PNG: (2048px width)

pwa

pwaw

High Res JPG: (2048px width)

pwa

High Res GIF: (2048px width)

pwa

pwaw

Appstores-like buttons

bundle_pwa

bundle_pwa

Thanks to https://github.com/gabfiocchi for this contribution

Tip

Get creative. This logo will look great in any environment you put it on. That's what it was made for. :) Enjoy!

pwasw

Feel free to post and share remixed uses and creations in the comments. Would love to see how the logo, as the PWA themselves, adapt to different scenarios like slides, posts, and swag. :)

Some key usecases

Google Chrome browser starting from M73 (DevTools -> Audit -> PWA) chrome

Google I/O 2018 (screenshot by Maximiliano Firtman) io2018

Microsoft Build 2018 msbuild2018

PWA Slack Team

Join thousands of the developers discussing PWA in the open PWA slack team.

License

The licence is https://creativecommons.org/share-your-work/public-domain/cc0/ , i.e. dedicated to the public domain.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].