https://github.com/mesinkasir/piconic

Piconic is a mobile web template for pico feat ionic
https://github.com/mesinkasir/piconic

cms content-management-system flatfile pico pico-cms pico-template pico-themes piconic symfony website

Last synced: 3 days ago
JSON representation

Piconic is a mobile web template for pico feat ionic

• Host: GitHub
• URL: https://github.com/mesinkasir/piconic
• Owner: mesinkasir
• Created: 2022-03-18T12:50:55.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-14T12:28:24.000Z (over 3 years ago)
• Last Synced: 2025-10-18T23:56:04.760Z (8 months ago)
• Topics: cms, content-management-system, flatfile, pico, pico-cms, pico-template, pico-themes, piconic, symfony, website
• Language: Twig
• Homepage: https://axcora.my.id/piconic/
• Size: 2.92 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# PICONIC MOBILE WEB APP

------------------------

### Mobile web template for pico cms with ionic

Build all in one website and mobile app with piconic

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9QsnfsVncJqxCVjE2hwFO1ScU3tRclKt0RcNa8BF5fkFgIVx0Q9U9yEgR90Jbz7W1OnkFMqnO9fKl33TnxsUtlaEQ6Y9uOiQstIcZ4xhhSrRQH-CWS5RTPA52I5yjHeHXEZHkGviRGV-TvczekLOdZ-iBMPkB-J8_unMO3kGbndlOLTsj9kBwsrpL2w/s1920/piconic%20source%20code%20for%20built%20website%20mobilweb%20and%20android%20mobile%20application%20(2).jpg)

Test drive demo 🚀 : [https://axcora.my.id/piconic/demo/](https://axcora.my.id/piconic/demo/)

Home page area 💻 : [https://axcora.my.id/piconic/](https://axcora.my.id/piconic/)

Design for 

+ Website

+ Mobile Web

+ Android App

---------------------------------

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpRTOsuKHHP7eCJwuPemVILwXZqwN4JmpIndNhgdgwHEBIpbEUbm186z72I6_T0X3GivtQYkRVJziWjy9U56W_YSsdDzMoNqN6nxUylLDl_R1dVXof5ddYYnZGxEyjbf14KRYk4Pm1qSxqEmXai69sbT3VYvW8HOIrbS9vJrA7VhDWF4BtogA_CU-Yew/s1920/piconic%20source%20code%20for%20built%20website%20mobilweb%20and%20android%20mobile%20application%20(3).jpg)

Recipes : 

+ Pico CMS

+ Ionic

+ Auto SEO

+ Axcora

------------------------------------------

Full for mobile Display

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZ50VFevCrtzOpL6FcwiT8XwnJZVd2tE-sQmT32O5nLzfqKX0d0vq0r3TxJVSng2rbUD-QSdtjIU4fIol5j5AsVpL9Ih9t87tlkDslpG1QTpUrLH2U8rVN00gnbIF2kiLamK3l2b4QtMFNDjS-bbE8kwK6OLeT3rxCuZ2o2xkHi4K1egGZUy6TbULVQ/s1920/piconic%20source%20code%20for%20built%20website%20mobilweb%20and%20android%20mobile%20application%20(1).jpg)

--------------------------------------

Piconic features 

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCS6A5L8uhnhG3YMVn1ZsqEIvRxz1e9suRAhBLw3ne6U-UbhExExawxcAf10tu43uWtjAbzSPk1rwOGnajrdzf6wsjewAJPZ6rsArV7A6KH_EDLqK5gLZZ_Qb2po3wQVhUxRIrDomO4nbEv--CXmZh5KNsZ8ZZPsZVKBbvPFoDHkol3M0Tb2K_kdeIg/s1366/Screenshot%202022-03-19%20at%2000-13-30%20Welcome%20to%20piconic%20Piconic.png)

Dekstop version

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oYuTe6RSc4ckxI3yGVWwptGgPAVsj9f8vfGgGOOlddvVEephzTZG-aZEDp3YANHoVPtzGM5h4Z1OnF2iQWTLblAvKotDXAMq_eJZKaaUeQz45Wg98VwKs-3tn3Q7NczeIowQH3puqnyxpojQsmNnvO3qH8-7bZo0Ddcud7GbaOAuN34Iypp4RaJk7A/s1366/Screenshot%202022-03-19%20at%2000-12-01%20Build%20bunlde%20android%20app%20with%20piconic%20Piconic.png)

Article page

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVIyOjUrkr7uGNMSDVSE1SlpSMKnLS81FZzFBIN1Es7ln-PcmD9PGrEiuvpW0Xd2Gq--IWkmM9Oz3bjfkBasZfCWKKM7clmGP910JRbXPiX3j32M3Z7RMVkg73AVl_2DSmbPGAu87ncxt8Wm3J-md6IZ6E4SuOGMw3iKZMOCr2YORy8GIO_xc-215-w/s1366/Screenshot%202022-03-19%20at%2000-13-10%20Modern%20design%20with%20axcorapico%20Piconic.png)

Grid mode and menu display

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDLELTgVjZwkQD7KorA-Wq-y7bdKA3JkvOnLuHE2_QY2lKDhNiGM2wVZRWOL6_zQhca-R8kcXqMcfC-BAoEEmjbh8Stm_ks4Q4uHjPJcitIEIqdxI2OeCAZ8UTiauu379peCJtEeMjwgYd1rmb-AbJGm0LeRfBUis7DIcUpVxAJBSDgiQ35yT69PRaQ/s682/Screenshot%202022-03-19%20at%2000-08-25%20Welcome%20to%20piconic%20Piconic.png)

Mobile display 

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Jg9vmEIeG7L88_12t_4u6JEbZ9asOgC5StX_G5JHSFcxXNQoQipecUhwOjdqZ2NU4BAOPFr32OoQ_lQReN8ZvWEWJi8VFUIs4U7_9O2ZufiTizF4TRb4R_cdQnuybP3s5t-b9wqfPrXA0ZP9w8hnFJUGlovp8alIHEjW0dmv_rUR7HxR1zoU_LHtnA/s666/Screenshot%202022-03-19%20at%2000-11-01%20Documentation%20Piconic.png)

Mobile display 1 

![Mobile web template for pico cms with ionic](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNm6WaVOLj8VA3IPeoLkglsB9zzumndojlAbVU3iwvZB4YlQezRUasm9-Mt_RziPBlWOgjn2iv3H5MnfxmgXMf9kQCDw299s85HZsSQcy6K6EFjGQ_flvOgd-p89MZqxX9-ZJhZUwHpCleNcFk0QBrEqXN3v4eztQMl8NwrEfDNAuqGR_ED86Vms_tbw/s666/Screenshot%202022-03-19%20at%2000-11-37%20Build%20bunlde%20android%20app%20with%20piconic%20Piconic.png)

Mobile display 2

------------------------------------------

Installation need to download and install

+ [Pico cms](https://github.com/picocms/Pico)

+ [Piconic template](https://github.com/mesinkasir/piconic)

Work :

+ extract piconic to template folder

+ open config/config.yml change theme:default to theme:piconic

+ change navbar and social home page : open content/_meta.md

+ open content folder to see example article format

+ Test how to work on android - open android folder and download piconic.apk then install on your android smartphone

Happy codding !!