Get Ui ideas and inspirations for sketchware

 Today I am talking about ui design and examples of ui design for sketchware. I know many of these know about it. But I believe that some or many of you developers not know about it. 


So Hello coders and let's start this post. 

My story

In past times When I took app and web development serious then this was main difficulty for me. Because I have original sketchware and some moreblocks and nothing else.

 Then I download some famous apps and took ui inspiration from them. It was so boring internet consuming and bad. I was just in need of ui design ideas so that I make some better apps. Then I do research and I found some apps and websites. From all of them I found Materialx app best. I started using it and using till now. This app is very best. So Today I am telling about Material x application.






About

This app is made by material x team. You can visit there portfolio from here . Tagline of this app is The best android implementation of material Ul components. This app implemented based on Google Design Guidelines. Currently I am having version 2.8 of this app and it work perfectly even offline. 



Features

This app provides you section wise ui design for example if you want about page design then it has about page design in different section and every section contains a large variety of ui design. 
This app contains ui design for both light themes and dark theme. 
This app contains no ads. And only their team wants that you buy source code of their app and all ui design. And if you are developing apps at a large level then this app's source code is worth for you. 

This app contains ui design for all these sections. 
1. Bottom Navigation Bottom Sheet
2. Side Sheet
3. Buttons
4. Backdrop
5. Cards
6. Chips
7. Check Radio
8. Dialogs
9. Motion
10. Expansion panels
11. Grid
12. Lists
13. Menu
14. Banner
15. Pickers
16. Pro
17. Sliders
18. Steppers
19. Tabs
20. Form
21. Toolbars
22. Profile
23. No Item Page Player
24. Timeline
25. HShopping
26. QSearch Page
27. Slider Image
28. Settings
29. Verification Login
30. Payment
31. Dashboard
32. Article
33. About
34. Chat

In all sections you will more ui designs. So I recommend you to check it out. 



Download

As I said above this app's source code cost you sone money but this app is available for free on playstore. 
You can download it from this link

Comments

Post a Comment

Popular posts from this blog

Sketchware Generate Firebase Dynamic Link (Long Url To Short) | sketchware blocks explained

Image
  So Today I am going to discuss how to make long url to short link with firebase dynamic link Table of Contents View So first I'll design a ui for this app here is a example of app ui. I used a  edittext  to get long link a  button  to generate link. A  textview  to get generated link.                                      ui example Library Add firebase project in your sketchware and turn on appcompact library.                               Add Firebase Example Oncreate Leave oncreate section empty  Components section   Add a request network component as shown in picture. On Button Click Add a  string  I used  url_to_shorten  as string name Add an another string named json In the value of json put this a join and another join block inside this block....
Read more

Create HTML Dialog in Sketchware

Image
  Introduction Dialogs are important part of sketchware coding. But due to limitations of dialogs customizations, it is hard to add new view in it. And also customization of that view is hard. But a Sketchware dev created a much better solution for showing view in dialog. And it unlock new opportunities for sketchware devs to create better app with sketchware. In this project we are creating a dialog which uses html to show it's content. We'll use webview as custom view for dialog, and then load html in it.  Our final result is going to look like this this -> So let's create it.  Sketchware Project creating *There is nothing to do in oncreate section Create a new project in sketchware and add a button in the view section.  Then  go to button Onclick  Add all the block described here. 1. Add an ASD Block with code. AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this); This will create new dialog, There is no need of adding dia...
Read more

Android 10/11 Storage Permission sketchware | New blocks + method

Image
 After the release of android 10 and 11 storage permissions and codes regarding storage permissions stop working. No matter which software you use, it become a problem for every android developer. In this post i will tell the method to get storage permission in Sketchware Pro. Method 1 Change your max api level to 30. To do this work, Open your sketchware app and long click your project. you'll see a option menu displayed under you sketchware pro project. Click on config option and a dialog will appear. In this dialog a number 28 will appear change this to 30. And done, your first thing is done. Method 2 For this method you need to use sketchware pro aab support. If you not have you can download from this link. Link: https://swrevo.blogspot.com/2021/09/sketchware-pro-all-versions-apk.html?m=1 Download sketchware pro aab support from this link. Then Go in the project and then click on setting icon in side of run button. Then change all option to 2nd position as shown in picture...
Read more

How to import local library in sketchware

Image
  Hey Coders, In this post I'll tell you how to import local library in sketchware. This is very useful when you try some new widget.  How to get dependency For that you need to have library dependency. You can get dependency from GitHub or documentation page of the widget.  For example I am trying to download library for nobo button.  I go to GitHub and search for this code containing dependency. And now copy the code written after dependency. By copying this code I get this line  com.ornach.nobobutton:nobobutton:1.6 This code is separated by two ':'  Now come to sketchware open any project then click on 3 dots.  Then scroll and search for option of local library. You will get it below custom blocks and above native library option. Open this option and here you'll get all library list that you're having in sketchware. You can enable or disable any library.  Above all these libraries you'll find an icon representing download file.  Click on t...
Read more

new Intents blocks for sketchware

Image
  Intent plays important role in sharing data inside the app and also to navigate through the app. As sketchware provides intent blocks as permanent blocks but there are some remaining blocks which are used for a more better functioning of our app. So I search for intent blocks for sketchware and I found some latest and working blocks for sketchware. In this post I have provided a single block file for intent in sketchware.  In this post, I explained these blocks and and use of these new blocks in sketchware pro.  #1Animatoo These blocks are useful for making cool transition effects and these transition looks awesome. These blocks provides all these animations. Zoom Fade Windmill Spin Diagonal OSplit shrink Card lnAndOut Swipeleft SwipeRight SlideLeft SlideRight SlideDown SlideUp #2 Normal Intent Blocks 1. First block is for getting intent data from other app. This was most requested blocks of sketchware. This block is used with one companion block and by editing androidm...
Read more

what is sketchware and history of sketchware

Image
What is sketchwere   Sketchware is an integrated development environment (IDE) inspired from the language Scratch, which allows you to develop, compile, and build an Android application directly on your smartphone, without any help from a PC. It uses block language like Scratch, an innovative programming language invented by MIT that transforms the complex language of text-based coding into visual, drag-and-drop building blocks. It’s okay if you do not know anything about developing Android apps.   History of sketchwere Sketchware started in 2016 when the founders quit their original jobs to dedicate their time and efforts to creating the most convenient and flexible app development tool for people without extensive programming background knowledge. The idea was to help people learn faster by effortlessly creating android applications on their smartphone. Sketchware is an online application development platform intended to develop applications through a smartphone....
Read more

Auto Get text from camera || OCR in sketchware || free project | Sketchware pro tutorial

Image
  Hey fellow sketchware coders, I know many of you are working on some projects which requires ocr (optical character recognition) But not getting success in ocr. So Today I am here to present sketchware ocr project and tutorial. Note:  All files and links are provided below this article. Some examples of app where you can use ocr • Questions search app • Tanslator app • Also you can modify it for extracting text from pictures In this project only realtime ocr is made. If you want text from pictures ocr. Then comment below this post. To start, Make a project in sketchware You need to have google vision library. If you don't have then please download it and if you have then enable it. Look at this example your app will do function like this. Turn on your Google vision library. After that you need to make your app design You'll need  1.  A linear for making of camera layout 2.  A textview for getting text. Look at my example In this example linear1 is main layout....
Read more

Create Percentage loading bar in sketchware

Image
  Helo Guys, Today i am going to tell how to make percentage loading bar in sketchware. How it works in Sketchware Pro ? For example you add a progress bar in sketchware and it looks normal but there is a method in which you can add a textview which will show how much percent is loaded. And the best thing is that this textview will be interlinked with progress bar. So let's start our project View manager In view manager section I have added a linear named  load   a progressbar named  progressbar1  and a textview named  persen  . Components manager In components manager I added a timer named  t  and a intent named  I  Oncreate I have added a number variable named  n .  1. Set number  n  to  0 2. Timer after  100ms  for every  100ms 3.  progressbar1  set progress  n 4. Add code which I had given below 5. //Do whatever you want when progress = 100 6. If  n=101  set...
Read more

Create Percentage loading bar in sketchware

Image
  Helo Guys, Today i am going to tell how to make percentage loading bar in sketchware. How it works in Sketchware Pro ? For example you add a progress bar in sketchware and it looks normal but there is a method in which you can add a textview which will show how much percent is loaded. And the best thing is that this textview will be interlinked with progress bar. So let's start our project View manager In view manager section I have added a linear named  load   a progressbar named  progressbar1  and a textview named  persen  . Components manager In components manager I added a timer named  t  and a intent named  I  Oncreate I have added a number variable named  n .  1. Set number  n  to  0 2. Timer after  100ms  for every  100ms 3.  progressbar1  set progress  n 4. Add code which I had given below 5. //Do whatever you want when progress = 100 6. If  n=101  set...
Read more