Templates
ProcFu Lima
Thaha
App Builder & Automation Expert
Stay Updated with ProcFu!
Subscribe to our newsletter for the latest tips, updates, and automation insights.
Subscribe Now
ProcFu Lima is a starter template designed to help you launch your app fast. It includes a fully responsive layout with:
- A mobile-responsive menu bar
- Prebuilt menu structure for both logged-in and logged-out users
- Clean, reusable styles
- Pre-designed header and footer sections
How to Get Started
- Copy the provided code
- Go to your ProcFu dashboard
- Create a new app
- Click on Import from Data
- Paste the copied code
eyJwa0FwcHMiOiIxMDI2MyIsImFwcE5hbWUiOiJQcm9jRnUgTGltYSIsIm5pY2VTbHVnIjoicHJvY2Z1LWxpbWEiLCJma1VzZXJzIjoiMjQxOSIsImF1dGhUeXBlIjoiIiwiZXh0SWQiOiJXd2pnZ2JHSnFxTUgiLCJhcHBEZXNjcmlwdGlvbiI6IkEgU3RhcnRlciBUZW1wbGF0ZSBmb3IgUHJvY0Z1IGFwcHMuIFVzZSB0aGlzIHRvIGNyZWF0ZSB5b3VyIG93biBhcHAuIiwidGFncyI6IiIsImljb24iOiIiLCJsYXN0U2F2ZSI6IjIwMjUtMDQtMjQgMTU6MTE6MjMiLCJkYXRhIjp7InZlcnNpb24iOjMsImFwcE5hbWUiOiJQcm9jRnUgTGltYSIsImF1dGhUeXBlIjoiIiwiZGVzY3JpcHRpb24iOiJBIFN0YXJ0ZXIgVGVtcGxhdGUgZm9yIFByb2NGdSBhcHBzLiBVc2UgdGhpcyB0byBjcmVhdGUgeW91ciBvd24gYXBwLiIsIm5pY2VTbHVnIjoicHJvY2Z1LWxpbWEiLCJodHRwcyI6MSwic2NyZWVucyI6W3sibmFtZSI6InN0YXJ0IiwicHVibGljIjoiMSIsInNjcmVlblR5cGUiOiJhdXRoIiwiY29uZmlnIjp7ImF1dGhUeXBlIjoicyIsImF1dGhTaW1wbGVQYXNzd29yZCI6IndlbGNvbWUiLCJvblN1Ym1pdCI6IjEifX0seyJwdWJsaWMiOm51bGwsIm5hbWUiOiJ3ZWxjb21lIiwic2NyZWVuVHlwZSI6InRleHQiLCJzY3JNa2RIZWFkIjoiIiwic2NyTWtkRm9vdCI6IiIsImludG5vdGVzIjoiIiwiY29uZmlnIjp7Im1rZFRleHQiOiJXZWxjb21lIn19XSwicHVibGljU2NyZWVucyI6WzBdLCJwdWJsaWNTdGFydCI6IjAiLCJhcHBIZWFkZXIiOiI8c3R5bGU+XG46cm9vdCB7XG4gICAgLS1wcmltYXJ5LWJnOiAjMGM0YTZlO1xuICAgIC0tcHJpbWFyeS10ZXh0OiAjZjNmNGY2O1xuICAgIC0taGlnaGxpZ2h0OiAjRjVGNURDO1xufVxuICBcbiAgZm9ybSwgLnBmLWlubGF5LCAucGZtY2FwcHdyYXBwZXIgeyBtYXgtd2lkdGg6IDEwODBweCAhaW1wb3J0YW50IH1cbiAgLnBmbWNhcHB3cmFwcGVyIHsgbWluLWhlaWdodDo4MDBweDsgfVxuXG4gIC5uYXZiYXIsIC5mb290ZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGNvbG9yOiB2YXIoLS1wcmltYXJ5LXRleHQpICFpbXBvcnRhbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5LWJnKTtcbiAgICBtYXgtd2lkdGg6IDEwODBweDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgYm94LXNoYWRvdzogMCA0cHggNnB4IHJnYmEoMCwwLDAsMC4xKTtcbiAgfVxuICBcbiAgLm5hdmJhciB7IHBhZGRpbmc6IDEwcHggMjRweDsgfVxuICAuZm9vdGVyIHAgeyBwYWRkaW5nOiAwIDhweDsgd2lkdGg6IDEwMCU7IHRleHQtYWxpZ246IGNlbnRlcjsgZm9udC1zaXplOiAxMnB4OyB9XG4gIC5sb2dvIGEgeyBjb2xvcjogdmFyKC0taGlnaGxpZ2h0KSAhaW1wb3J0YW50OyB9XG4gIC5tZW51IGEgeyBjb2xvcjogdmFyKC0tcHJpbWFyeS10ZXh0KSAhaW1wb3J0YW50OyB9XG4gIC5sb2dvIGEsIC5tZW51IGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBmb250LXNpemU6IDE1cHg7XG4gICAgbWFyZ2luOiAwIDhweDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4ycyBlYXNlO1xuICB9XG5cbiAgLm1lbnUgYTpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0taGlnaGxpZ2h0KTtcbiAgICBjb2xvcjogdmFyKC0tcHJpbWFyeS1iZykgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG4gIFxuICAubG9nbyBhOmhvdmVyIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9XG5cbiAgLm1lbnUtdG9nZ2xlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWhpZ2hsaWdodCk7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiA2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgICAucGZtY2FwcHdyYXBwZXIgeyBtaW4taGVpZ2h0OjQ1MHB4OyB9XG4gICAgLm1lbnUge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1wcmltYXJ5LWJnKTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogNjBweDtcbiAgICAgIGxlZnQ6IDE2cHg7XG4gICAgICByaWdodDogMTZweDtcbiAgICAgIHotaW5kZXg6IDk5OTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IHJnYmEoMCwwLDAsMC4xKTtcbiAgICB9XG5cbiAgICAubWVudS5hY3RpdmUgeyBkaXNwbGF5OiBmbGV4OyBwYWRkaW5nOiAxNnB4OyB9XG4gICAgLm1lbnUgYSB7IHBhZGRpbmc6IDEwcHg7IG1hcmdpbjogNHB4IDA7IH1cbiAgICAubWVudS10b2dnbGUgeyBkaXNwbGF5OiBmbGV4O31cbiAgfVxuPC9zdHlsZT5cblxuPHNjcmlwdD5cbiAgZnVuY3Rpb24gdG9nZ2xlTWVudSgpIHtcbiAgICBjb25zdCBtZW51ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ25hdmJhci1tZW51Jyk7XG4gICAgbWVudS5jbGFzc0xpc3QudG9nZ2xlKCdhY3RpdmUnKTtcbiAgfVxuPC9zY3JpcHQ+IiwibG9nZ2VkSW5IZWFkZXIiOiI8ZGl2IGNsYXNzPVwibmF2YmFyXCI+XG4gIDxkaXYgY2xhc3M9XCJsb2dvXCI+XG4gICAgPGEgaHJlZj1cIkBbcGZfY3VzdG9tOmFwcF91cmxdXCI+QFtwZl9jdXN0b206YXBwX25hbWVdPC9hPlxuICA8L2Rpdj5cbiAgPGJ1dHRvbiBjbGFzcz1cIm1lbnUtdG9nZ2xlXCIgb25jbGljaz1cInRvZ2dsZU1lbnUoKVwiPkBbcGZfY3VzdG9tOm1vYmlsZV9tZW51X3RvZ2dsZV9idG5dPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJtZW51XCIgaWQ9XCJuYXZiYXItbWVudVwiPlxuICAgIEBbcGZfY3VzdG9tOm1lbnVdXG4gIDwvZGl2PlxuPC9kaXY+IiwibG9nZ2VkT3V0SGVhZGVyIjoiPGRpdiBjbGFzcz1cIm5hdmJhclwiPlxuICA8ZGl2IGNsYXNzPVwibG9nb1wiPlxuICAgIDxhIGhyZWY9XCJAW3BmX2N1c3RvbTphcHBfdXJsXVwiPkBbcGZfY3VzdG9tOmFwcF9uYW1lXTwvYT5cbiAgPC9kaXY+XG4gIDxidXR0b24gY2xhc3M9XCJtZW51LXRvZ2dsZVwiIG9uY2xpY2s9XCJ0b2dnbGVNZW51KClcIj5AW3BmX2N1c3RvbTptb2JpbGVfbWVudV90b2dnbGVfYnRuXTwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwibWVudVwiIGlkPVwibmF2YmFyLW1lbnVcIj5cbiAgICBAW3BmX2N1c3RvbTptZW51XVxuICA8L2Rpdj5cbjwvZGl2PiIsImFwcEZvb3RlciI6IjxkaXYgY2xhc3M9XCJmb290ZXJcIj48cD4mY29weTsgMjAyNSBQcm9jRnUuIEFsbCByaWdodHMgcmVzZXJ2ZWQuPC9wPjwvZGl2PiIsImFwcFRoZW1lIjoibm9yZCIsImJodkFwcEJlZm9yZVByb2Nlc3MiOiIvLyBQcm9jU2NyaXB0IHJ1bnMgd2hlbiBldmVyeSBwYWdlIGluaXRpYWxpemVzXG4vLyB0aGlzIGlzIHRoZSBvbmx5IHBsYWNlIHlvdSBjYW4gdXNlIG1rZCB0b2tlbnMsIGVnIGZvbz1cIkBbcGZfY3Vzb206eHh4XVwiXG4vLyB0cmFuc2xhdGlvbnMgPSB7XCJUaXRsZVwiOlwiSGVhZGluZ1wiLCBldGN9XG4vLyBsb2NhdGlvbiA9IFwiaHR0cHM6Ly9wcm9jZHUuY29tL21jYXBwL2lkP3BhcmFtc1wiIC0gY2hhbmdlIHRvIHJlZGlyZWN0XG4vLyB1cmxfcGFyYW1ldGVycyA9IHt9XG4vLyBteV92YXJpYWJsZXMgPSB7Zm9vOlwiYmFyXCIsZXRjfSAtIHRoZXNlIGFyZSB5b3VycyB0byBjaGFuZ2Vcbi8vIGN1c3RvbV90b2tlbnMgPSB7fSAoZWcgY3VzdG9tX3Rva2Vucy5mb28gPSBcImJhclwiIC0gdGhlbiB1c2UgQFtwZl9jdXN0b206Zm9vXVxuLy8gaXNfbG9nZ2VkX2luID0gdHJ1ZS9mYWxzZVxuLy8gYXV0aF9pdGVtID0ge2l0ZW1faWQ6MTIzNCwgZmllbGRzOlsuLi5dLCBldGN9IC0gcmF3IHBvZGlvIGl0ZW0gb3IgbnVsbFxuLy8gYXV0aF9pdGVtX3ZhbHVlcyA9IHt0aXRsZTpcImZvb1wiLCBudW1iZXI6MiwgZXRjfSBvciBudWxsXG4vLyBjdXJyZW50X2NvbnRleHQgPSBcInNjcmVlbl8xXCJcbmN1c3RvbV90b2tlbnNbXCJhcHBfdXJsXCJdID0gJy9wcm9jZnUtbGltYSc7XG5jdXN0b21fdG9rZW5zW1wiYXBwX25hbWVcIl0gPSAnUHJvY0Z1IExJTUEnO1xuXG5jdXN0b21fdG9rZW5zW1wibW9iaWxlX21lbnVfdG9nZ2xlX2J0blwiXSA9IFwiPHN2ZyBmaWxsPSdub25lJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlPSdjdXJyZW50Q29sb3InPjxwYXRoIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNNCA2aDE2TTQgMTJoMTZNNCAxOGgxNicgLz48L3N2Zz5cIjtcblxuY3VzdG9tX3Rva2Vuc1tcIm1lbnVcIl0gPSBcIlwiXCJcbiAgICA8YSBocmVmPSdcIlwiXCIrY3VzdG9tX3Rva2Vuc1tcImFwcF91cmxcIl0rXCJcIlwiL3NjcmVlbi1kb2VzLW5vdC1leGlzdCc+QWJvdXQ8L2E+ICBcbiAgICA8YSBocmVmPSdcIlwiXCIrY3VzdG9tX3Rva2Vuc1tcImFwcF91cmxcIl0rXCJcIlwiL3NjcmVlbi1kb2VzLW5vdC1leGlzdCc+Q29udGFjdDwvYT5cblwiXCJcIjtcblxuaWYoIWlzX2xvZ2dlZF9pbil7IFxuXHRjdXN0b21fdG9rZW5zW1wibWVudVwiXSA9IGN1c3RvbV90b2tlbnNbXCJtZW51XCJdICsgXCJcIlwiXG5cdFx0PGEgaHJlZj0nXCJcIlwiK2N1c3RvbV90b2tlbnNbXCJhcHBfdXJsXCJdK1wiXCJcIi93ZWxjb21lJz5Mb2dpbjwvYT5cdFx0XG5cdFwiXCJcIjtcbn1cblxuaWYoaXNfbG9nZ2VkX2luKXsgXG5cdGN1c3RvbV90b2tlbnNbXCJtZW51XCJdID0gY3VzdG9tX3Rva2Vuc1tcIm1lbnVcIl0gKyBcIlwiXCJcblx0XHQ8YSBocmVmPSdcIlwiXCIrY3VzdG9tX3Rva2Vuc1tcImFwcF91cmxcIl0rXCJcIlwiL3NjcmVlbi1kb2VzLW5vdC1leGlzdCc+RGFzaGJvYXJkPC9hPiAgXG5cdFx0PGEgaHJlZj0nXCJcIlwiK2N1c3RvbV90b2tlbnNbXCJhcHBfdXJsXCJdK1wiXCJcIi8/cGYtY29udGV4dD1wZi1sb2dvdXQnPkxvZ291dDwvYT5cblx0XCJcIlwiO1xufSJ9LCJ2ZXJzaW9uIjozLCJtZXRhIjp7Imxhc3RwaW5nIjp7InVzZXIiOiJ0aGFoYUB0aGV3b3JraW5nd2ViLmNvbSIsInRhYmlkIjoicHhxY2x2ZGtseDZtbW05c3Y4czNiIiwidGltZSI6MTc0NTU5NDU3OX19LCJwdWJsaWNTdGFydCI6IjAifQ==
That’s it, your starter layout is ready. Now you can begin customizing it to match your app’s functionality.