Matta - Material Design Android UI Template / Theme App icon

Matta - Material Design Android UI Template / Theme App

Hot or Not
Matta - Material Design Android UI Template / Theme App

Description



ALL REWRITEN IN KOTLIN AND OPTIMISED

- Android API 29
- MVP Architecture
- RxKotlin
- Controling UI components over style file

Material Design UI Android Template App

With the Material design UI Android Template App our goal is to help developers create Android applications that aren’t just useful but also beautiful. Instead of losing hours and hours in creating graphics that will be used in your Android application, with our UI Template App we did most of the work for you.

This way you will get multipurpose pre-designed graphics based on highly popular Material design, that can be used for all sorts of applications. And with latest studies showing that apps based on Google Material Design are installed more often on Google Play Store than those that are not material based, you can be sure that with our mobile app templates you can reach a huge audience.

When it comes to developing Android UI design and mobile app design templates one of the biggest challenges is to create them so that they meet the standards of the latest Android version, but are also available for users that have older devices with previous Android versions.

Our Material Design UI Android Template App is created so that all elements are available to be used in older versions of Android. This way you can offer beautiful Android apps with all of the Material design features even if your users do not have a high-end smartphone.

To see the features of our Android app template and all of its components in action, download our demo app from our servers.

NOTE: For detailed information on how to use our Android app template, please check the documentation for this project with detailed instructions.

Updates

Update: 30. Decemnar 2019. - new version gradle 4.4 - build error fixed

Update: 10. May 2018. - Changed build.gradle files to include new needed dependacy for data binding - Update firebase dependacy versions to fix erorrs in builds with new Android Studio version - Update google-services.json to include generic api key to avoid new build type error in Android studio

List of all the components available in Material Design UI Android Template App

We made sure to include all of the usual features you can find in an Android app, so you can use this app design template for all kinds of applications – from ecommerce mobile apps, Android music apps, social apps, travel apps, local business apps practically any type of mobile app you can think of. Here’s the full list (you can learn more by clicking on the desired component):

  • List Views (over RecyclerView) – 5 layouts: expandable, drag & drop, swipe to dismiss, expandable + swipe + drag & drop, item details
  • Cards – 3 layouts: rate, follow, profile
  • Tabs – 2 versions: with line indicator and round indicator
  • Wizards – with 3 screens and horizontal parallax effect
  • Custom Dialogs – 3 versions: info, subscribe and warning
  • Parallax Effect – 2 layouts: with header and with cards over header
  • Left Menu – like in our demo>
  • Login Page – with field validation
  • Register Page – with field validation
  • Forgot Password Page – with field validation
  • Full Image Gallery – full version with categories and automatically generated thumbs
  • Progress Bar
  • Seek bar
  • Dropdown menu
  • Check Buttons
  • Radio Buttons
  • Splash Screen – 2 versions with animations and Ken Burns effect
  • Search bars – fully functional

With all this at your disposal, yours is just to code, we do the design.

More about our Android app UI template design features

One of the most common things with the majority of android app templates, regardless of how good their code is, is the fact that most of them lack an appealing design. We all know that functionalities and code should always come first, but in the end, average users tend to buy apps that look nice.

With this in mind, our goal with all of our products is to combine the best of both worlds – beautiful design and great code. And when it comes to designing Android apps, you can’t beat Google’s own Material design. It’s great looking, very intuitive and simply a perfect choice when it comes to user experience. Plus, Google is pushing it aggressively wherever possible, so you are getting one of the biggest corporation in the world promoting a design style that you use in your app.

So what it all means for you when you buy our Material Design UI Android Template App? Well here are some of the benefits you will get

Unified graphic – all graphic elements are designed following the instructions made by Google itself and all elements prepared in one color style to complete your app.

Easy colors changing - you will be able to customize all of the components to match your company colors, or any other color for that matter, by simply changing one line in the XML file. So as we already said, our Android app UI template will save you hours of coding.

Finished elements and layouts ready to use – all of the elements that you can see in our demo app will be available to you with complete XML files which you can instantly use in your app.

Animation and transparency – a lot of our components include beautiful transparent animations which are more and more popular. This will make your app look modern and slick, which will definitely bring more users.

Easy fonts – with our Android app template you won’t have to create fonts from assets folder anymore because you can define typefaces and fonts through XMLs

All elements and layouts work on older versions of Android too (starting from 4.4 version) and every element has its own AndroidMainfest.xml file with defined minSDK.

Material Design UI Android Template App components

We made sure that our app template includes all of the most popular and most used components that you can see in modern Android applications. Once you buy our template you will get access to all of them so you can feel free to use any or all of them.

Tabs

Our Android app template offers two predefined layouts of tabs as well as five new fragments, ready to use instantly in your app. They are a great choice to use in an e-commerce app for example to present different product categories, different genres in a media app, or different types of travel arrangements in your travel app. The possibilities are endless.

Wizards

Some apps require a certain explanation on how to use them or how get all the benefits that your app offers to users. Best and most common way to explain this to your users is with wizards. This is why our mobile app design template offers onboardin component with parallax effect.

Custom Dialogs

Dialogs are a great way to engage your users, whether it’s to choose a payment option, add a review, choose a destination in a travel app or simply to warn them about something. Material Design UI Android Template App offers three different types of custom dialogs that you can use anyway you like.

List Views

When you buy our app design template you will get five versions of List Views – Expandable list, Drag & Drop, Swipe-to-dismiss, Item details (on click) and mega-popular Expandable list + Drag & Drop + Swipe-to-dismiss . These can easily be customized and used for numerous purposes.

Parallax Effect

Parallax image effect is a great way to add more style to certain elements in your app. Most commonly it is used in list views to make them look more appealing. We offer two different parallax effect themes in our Android app UI template.

Login / Register / Forgot Password Page

A huge number of Android apps offers some additional features to users that are logged in, so login page is one of the components that’s always on top of the list when we ask our customers about the things they want to see in our app UI templates. In this mobile app template we offer three universal login/register/forgot password pages with field validation.

Image Gallery

Image galleries are a great tool to offer more information about a certain product or an offer like a travel destination. Users tend to react much better and accept offers more often if they have at least two or three photos that provide detailed information about the thing they are interested in. Material Design UI Android Template App comes with full image gallery for gallery, with brand new design and beautiful selector.

Progress Bars

Progress bars are mostly used during downloads to show your users how much time will it take to finish or as loaders when a user is waiting for a certain section of an app to show up. With our clean progres bar we are sure you can find a lot more ways to use them than the ones we mentioned.

Checkboxes

Very versatile and commonly used component in almost every Android app out there. Check boxes are a must if your app has certain offers that can be customized to your users’ specific needs. Whether it’s choosing a type of notification, type of media to play or download, type of products they want to be shown on a screen, additional features for a selected service without checkboxes they will not be able to make any of these choices. We several types of checkboxes.

Splash Screens

Our Android app UI template offers three versions of beautiful designed and animated splash screens that are a perfect way to emphasize certain features or send specific information in your app. You can also simply use them as Welcome screens for your users.

Search bars

Search bars will help your users find what they want much faster and easier, which will drastically improve user experience in your Android app. There are several predefined themes and types of search bars that you’ll get when you buy our app template design, all of which include search suggestion.

Left menu

Last but not least, we also offer one versions of left menu. As all other components, left menus are also based on Google Material Design, so they are not only very useful but also great looking.

Why our customers love us?

“Solve all your doubts!” Emmarango, Material Design UI Ionic Template app

“Excellent. You saved me a lot of development effort. Great!” Alessandrotorres, Material Design UI Android Template app

“Couldn’t pick one area for the 5 star review. Overall quality, design and usability are excellent. Support is also fantastic. Thanks for help. Luke” Betty8080, Material Design UI Android Template app<

“One of the best in all respects.” Nikhil3831, Material Design UI Android Template app

“Everything is clear. @developer, nice work” Satyagvns, Material Design UI Android Template app

“Excellent work. thanks for sharing :)” Bisoncode, Material Design UI Android Template app

“Most features required for app design and development available. We gone build an app for gozopping.com with this, and make our customer go mad.. thx a lot.” Ojalsuthar, Material Design UI Android Template app

“Absolutely amazing.” Vanduh, Material Design UI Android Template app

“Fantastic, thanks. I’m sure I’ll be buying more sources from you.” Henrik S., HD wallpaper Android Template App

“Great design quality!” Dedania23, HD wallpaper Android Template App

Excellent customer support

  • We are offering FREE after sales support around. We care about your apps as much as you and we will help you in any way possible.
  • FREE Lifetime Updates – get all the new features we add in each future update for free.
  • Once you purchase, you can use our dedicated support where we quickly answer your questions.
  • Includes great online documentation you can find and it’s constantly being updated with new material.
  • Basic tutorials for newcomers about importing our template.
  • Contact us at dev@csform.com
  • Working hours: 09:00 – 16:00h, UTC+01:00. From Monday to Friday.

Credits

The images used in demos are not included in the downloaded ZIP file. All images belong to their rightful owners.

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

woopy | iOS Universal Listings + Chat App Template (Swift) icon

woopy | iOS Universal Listings + Chat App Template (Swift)

Hot or Not
woopy | iOS Universal Listings + Chat App Template (Swift)

Description

iOS, Android and Web versions can share the same Parse database

1 July 2020
• Registered new merchant Id to create Apple Pay certificate.
• Integrated  “Apple Pay”
• Integrated "Stripe" payment gateway to deduct payment from Apple Pay
14 May 2020
• Introduced a Price Filter ranges e.g $10 - $1000 as a new feature. Ads listing is sorting according to price ranges selected by users.
• Updated code to iOS 13.4.1
• Fixed the issue of "Apple sign in" in iPad running on 13.4.1
• Resolved the issue of hiding email address when using the Apple signin.
• Resolved the issue on account screen for getting data against unique email addresses when users hide their email addresses.
• Updated webview and fix crash on listing screen with title label
• Fixed the crash on map location.
• Fixed query for a subcategory for multiple entries.
24 Apr 2020
• Added Sub Category Fields in “Create Ad” and “Ad Details” Screens.
• Updated code to fetch and create data from Back4App backend.
• Added pagination feature on the listing screen.
• Subcategory issue on “Create Ad” and “Ad Details” screens has resolved.
• Fixed the issue of icons of categories on “Home screen”.
•  Fixed the crash on “Ad Details screen”.
17 April 2020
• Updated the code to integrate “Apple Sign in” feature.
• Updated the code to support apple's new dark mode feature and support iOS 13+ with Xcode 11+ versions support.
• Fixed the crash when users log out open pop up screen of login.
22 August 2019
• Updated Woopy server settings on parse.com by adding Facebook auth ID provided by Facebook
• Updated Woopy Facebook login code using Parse API to authenticate the user from Facebook
• Fixed crash on getting user’s data from the Facebook
• Removed cocoa pods from project to fix the issue of third party libraries
19 August 2019
• Fixed the bug of images fluctuation in a list by adding a third party library of image downloading.
• Improved crash logs while downloading images due to the old version of swift.
• Handle null pointer exceptions, if image path from backend is null.
5 August 2019
• Integrated Firebase and Facebook logins 
• Resolved crash issues regarding social media login from the app 
• Added Firebase user authentication for social media login 
• Integrated pagination in the ads list screen           
• Fixed ads crash issues while scrolling when pagination applied        
3 July 2019
• Image upload optimizations
14 April 2019
• Locations bug fixed
21 March 2019
• Product filters fixes & improvements
29 January 2019
• Sell item description scroll to be visible above keyboard
12 December 2018
• Ads ordering fix.
4 September 2018
• Chat Screen Bug fix & improvements.
13 August 2018
• Full app reskin
• Code refactoring / improved quality
• Fixed user permissions handling for location, storage, camera
• New dialog for image/video taking/picking.
• Removed unnecessary permissions asking.
20 June 2018
• Made main app color configurable from the .config file
25 May 2018
• Added a Query in the 'sendFeedbackButt()' method in AdDetails.swift, in order to check if you already sent a Feedback to a seller
• Added an AlertController into the 'sendFeedbackButt()' method in SendFeedback.swift, in order to dismiss the screen after sending a feedback
• Accordingly to the new EU GDPR terms, I've updated the 'tou.html' file and Documentation.
IMPORTANT: This means that if a User asks for his/her Account deletion, you must do it within 24 hours, as the GDPR's "Right to be forgotten" Article states (LINK: https://gdpr-info.eu/art-17-gdpr/)
21 May 2018
• Fixed a small bug in the 'submitAdButt()' method in SellEditItem.swift by wrapping this code into an IF statement:
   // In case this is a new Ad
   if adObj.objectId == nil {
            adObj = 0
            adObj = 0
            adObj = false
   }
26 April 2018
• Changed the line of code in the 'didFinishPickingMediaWithInfo' delegate method (in SignUp.swift), into this:
    avatarImg.image = resizeImage(image: image, newWidth: 300)

• Added this line into Configs.swift (so now you can set your own currency symbol from this file):
   let CURRENCY = "$" 

and edited the 'submitAdButt()' method into SellEditItem.swift by chnging this line:
    adObj = CURRENCY

• Added a couple of checkbox images into Assets.xcassets
• Edited the SignUp controller in Storyboard by adding a checkbox Button, and its relative SignUp.swift file accordingly (now you have to accept the Terms of Use to sign up)  
• Edited the 'facebookButt()' in Wizard.swift in order to show an Alert to accept the Terms of Service before proceeding to sign up with Facebook
• Updated the Documentation
3 April 2018
• Updated to recommended settings with Xcode 9.3
• Updated the 3 Facebook SDKs (because of Swift 4.1 release):
FBSDKCoreKit.framework
FBSDKLoginKit.framework
FBSDKShareKit.framework
20 March 2018
• Added an AlertController in the 'didSelectRowAt indexPath()' method in ReportAdOrUser.swift, in order to show the success Alert (it was hiding too soon before)
• Edited the 'textFieldShouldReturn()' delegate method in AdsList.swift and Home.swift  in order to prevent a search in case of no text in the search TextField. 

woopy is a Universal App template where you can browse and post listings on the go, new or used stuff you want to sell. You can search for keywords or category, chat with the seller by his item’s page, log in with Facebook or email, like and share ads, and a lot more. Besides uploading up to 3 images while posting an ad, This app allows you to also upload a 10-second video, this is a great feature that other listings classifieds apps do not have! Users will be able to report ads or users and block/unblock inappropriate users to prevent getting chat messages from blocked people. They will also able to send Feedbacks to other sellers woopy has also a verification email system, once a user signs up by email (not by Facebook), back4app sends a verification email based on the email address the user typed in the signup screen. People will be able to see if a user is Verified or not by entering his/her Profile screen. The Categories names and images are stored into the Parse Dashboard, so you’ll be able to add new categories remotely without having to update the app. Check its video preview to see it in action!

Since its backend is by Parse Server you don’t have to buy any domain/hosting, there are NO PHP files to upload to a web server so you’ll save some money for server side, also because back4app offers a generous free plan.

woopy is a native XCode project, Swift language, Storyboard, Universal, super easy to customize, backend with Parse Server hosted on https://back4app.com

About Parse SDK and back4app

Read this article for more info about back4app and Parse SDK:

Can I host Parse Server on my own server?

Yes, although I don’t provide support for the setup process, you can read the official Guide here: https://parseplatform.org

I get a Code signing error in Xcode 8.x

That’s a bug of Xcode 8 with macOS Sierra, check this sample video to see how to fix it:

How to remove AdMob banner ads

Check this video out to see how to remove the code that shows AdMob banners: Keep in mind that you must repeat the shown steps for every .swift file that contains this line on the top:
import GoogleMobileAds

What about free support for this template?

I can offer free support for bugs encountered in the original code. Instead, if you’ve edited the code and messed something up with it, I may apply some fee to fix it either via TeamViewer or by checking your app project files directly on my computer.

Should I use the latest version of Xcode to edit this template?

Yes, I always update my apps to the latest version of the IDE.

How to change images in the Categories class of my Parse Dashboard?

After importing the Categories.json file into your own Parse Dashboard, you have to double-click in the empty space between the edge of a cell and the blue image button to replace the existing images, check the screenshot below:

After importing Categories.json in my Parse Dashboard, I see no data

That may happen sometimes, it’s a bug in the Parse Dashboard, so in this case you must manually add rows and columns on your own. 1. Click Edit -> Add a column, choose String as type of data and type exactly category, then click ‘Add column’ 2. Click Edit -> Add a column, choose File as type of data and type exactly image, then click ‘Add column’ 3. Now you can enter the empty cells and insert the name of your first Category, doublie click in the empty cell of the image column and upload your first image. 4. Repeat the steps above for each category you want to insert in your Parse database.

How do I change the order of Categories?

The only way to do that is to remove all rows from the Categories class and add then again based on the order you want categories to be shown in the Home screen of the app since they get ordered by their ‘createdAt’ date.

Why do I need to have login from Apple Account in the app?

Yes, because from 30th April 2020, APPLE authorities restricted the apps using 3rd party login from FACEBOOK, GOOGLE etc should also integrate “APPLE SIGN IN” method in the app. For reference: APPLE SIGN IN GUIDELINES

Screenshots

  • XCode 11.4+ Project – Swift 4.5+
  • Universal – Storyboard – iOS 14.0+
  • AdMob banners
  • Backend with Parse Server hosted on back4app
  • Browse ads by Category or search by Keywords
  • Sort ads by Recent, Price, Most liked and Condition
  • Map with radius distance circle and slider to change the nearby distance
  • Post/edit ads, with 3 pics and an optional 10-second video
  • Send/read Feedbacks and Comments
  • Report/block inappropriate users or ads
  • Chat with sellers within the app, with the possibility to attach pictures to the chat messages
  • Push Notifications for chat messages, likes, feedbacks and comments
  • Check your liked ads in the My Likes screen
  • Activity screen
  • List of active chats
  • Easy to Customize
  • Well commented code
  • User Guide and PSD icon graphics included

  • Apple Mac PC with the latest OS version installed
  • The latest version of XCode and some knowledge about its UI interface
  • Photoshop or any other image editor software
  • A valid iOS Developer account to submit apps to the App Store
  • A valid AdMob account to create a banner UNIT ID
  • iTunes Connect account
  • A free account on back4app.com

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.