12 Best Material Design Website Examples to Draw Inspirations

Being firstly released by Google in 2014, Material Design has now already surpassed the realm of mobile apps and become a principle often utilized in web design. There is no wonder that touches of Material Design have been an irreversible trending of the year. But, what’s it exactly? As Matías Duarte, the vice president of Google, explained:

“Unlike real paper,our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.”

Basically, it’s a way to make design elements look like touchable, and the properties of Goolge itself are the best examples of material design. As of right now, a growing number of websites have been dedicated to this topic, and we’ve made a collection of the best Material Design website examples for you to get inspirations.

12 Awesome Website Examples of Material Design

1. RumChata

Website: http://www.rumchata.com/age-gate

Combined with the physical aesthetics of Material Design, RumChata delivers a wonderful user experience by making the interface resemble those things in real world. Though it looks colorful, but seems to be intuitive at the very first glance.

2. DropBox Business

Website: https://www.dropbox.com/business/

Dropbox Business can be a typical example that adopts the Material Design concept since early times, and the branded blue is very perfectfor material. The website uses one single color palette with black and white included as background.

3. Waaark.com

Website: https://waaark.com/

In response to the guidelines of animation effects, Waaark has showed us a good balance with elements and layout. The animation on the homepage can be switched intelligently with the mouse drag, which looks like wave flows on the screen. But this also obeys the movement rules in reality and all changes are accelerated/decelerated gradually.

4. Serioverify.com

Website: https://serioverify.com/

Following by the perpendicular guidelines of Google design, this site has applied the default altitude which gives a sense of consistency for upcoming visitors. Also, developers can control the element’s altitude and projection by one single value.

5. Pumperl Gsund

Website: https://www.pumperlgsund-bio.de/

In contrast to Dropbox Business, Pumperl Gsund has used light colors mainly, with some less-noticeable colors in the background, and the remaining is set to black and white. This is not to the guidelines, but doesn’t affect the overall appearance and ease of use of this website.

6. Behance

Website: https://www.behance.net/

As a great example for getting design inspiration, Behance has a rich set of examples for you to refer to. It makes use of material design well on its own in many places, like spaces, buttons, and text layouts to make people feel pleasant.

7. Codepen

Website: https://codepen.io/

As its name implies, this is a website loved by front-end developers and engineers. It’s a playground for the front-end side of the web and a great place to see really cool examples of material design. Plus, it’s possible to see the underlying CSS, HTML, as well as JavaScript which are used to build that animation or design.

8. Mockplus

Website: https://www.mockplus.com/resource

As an all-inclusive prototyping tool, Mockplus also contributes to providing a countless board of good-looking and useful free design materials, from material design, flat design, to interactive design and card design. All those materials are available for free download and use. The ready-made components and icons library will get your design started and well completed in a faster and easier way. All platforms are supported, including Windows, macOS, Android, and iOS.

9. Dribbble

Website: https://dribbble.com/tags/material_design

This is a social network for designers, developers and artists as well as other creative individuals. It’s easy to find bountiful material design resources for both web and app design. Also, you can get inspirations from something as simple as an icon to a full-functional website design.

10. MaterialUp

Website: https://www.uplabs.com/search?q=material design

It’s a site focuses solely on the material design topic, providing web examples, mobile app screenshots, tips, tools and many other things. The layout and look of MaterialUp just are reminiscent of Google Drive,and it’s worth your trust to find something of use.

11. Reddit

Website: https://www.reddit.com/r/MaterialDesign/

This may not be the best place to look for design inspirations, and there is a sole sub for Material Design. Half of the posts are design revamps, and the other half are the original design submissions that need feedback. If you want to review and discuss design related topics with like-minded individuals, this is a go-to option.

12. Tumblr

Website: http://matesign.tumblr.com/

Whether you design Android/iOS Apps, websites or something else, if you want to learn more about how to better execute material design, Tumblr is a good resource to check out. Scroll down its feed and you will discover examples of different types to get inspirations for the next project.

In Conclusion

Above are the highly-recommended Material Design website examples. It’s noticeable that since the first inception of Material Design in 2014, the end users were always at the forefront of their missions. If you’re ready to get started, you can take some time reading Google’s guidelines and specifications, which will give you a solid base to work from. Also, an excellent tool can help to turn your ideas into reality, and Mockplus is recommended here for its simple-yet-powerful features with a large library of design materials for your free use.

Web Design vs. Graphic Design, What’s the Difference?

A friend asked me a question one day, what’s the difference of web design vs. graphic design? Currently, I know the differences through the learning of various design terms. Such as web design vs. graphic design, and UX vs UI vs IA vs IxD, as well as Flat Design vs. Material Design. Each term indicates a different profession. While from the perspective of design, designers’ works have the cross-section.

Web design and graphic design looks an irrelevant group, but people still often get confused. Generally, the layman always calls web designers and graphic designers as “art designer”. Their work is misunderstood, by the involvement of art skill and creative ability. Besides, the design tools they use almost the same, and they can do the jobs related to web design or graphic design. This actually based on a confusion about the design industry.

What is Web Design?

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all.

What is Graphic Design?

Graphic design is the process of visual communication and problem-solving using one or more of typography, photography, and illustration. The field is considered a subset of visual communication and communication design, but sometimes the term “graphic design” is used synonymously.

Graphic designers create and combine symbols, images, and text to form visual representations of ideas and messages. They use typography, visual arts and page layout techniques to create visual compositions.

Differences between Web design and Graphic design

1. Visual elements

Colors.

The color mode of graphic design and web design used are completely different. Due to the rely on printing, the graphic design usually uses CMYK color mode. Because the color use on graphic design is more focused on visual impact and visual flow guidance (at this point similar to the design of the BANNER in web design). While web design uses RGB according to its special imaging mode, and it more focuses on teasing out the relationship between the information structure (for product category). Because too much strong colors on the website that’s easy to cause visual fatigue for website visitors.

Fonts.

Usually, in the design process, the choice of font is more freely in graphic design. Because it’s not necessary to worry about the implementation of the final effect. All the text will eventually output for the graphics printing. But the web design needs to consider more comprehensive. It only has a small choose scope, in order to avoid the pressure on the server by the output. Due to the characteristics of HTML, all fonts are based on the default font of user’s operating system. With the development of technology, this gap gradually narrowed. The current API based on HTML5 could achieve the use of personalized fonts without the need of output for graphics. That greatly enhances the user experience while without the risk of increasing the back-end pressure at the same time.

Graphics.

In the use of graphics, the graphic design has more performances than the web design, especially for the product websites. The modular design makes the idea become more clear, and the same on the visual performance.Moreover, the graphic design is no need to take the final effect into account. In terms of the size of the unit used in the design, the graphic design uses the concept of physical sizes, such as inches, centimeters, millimeters, etc., while the web design uses pixels.

2. Presentation methods

3. Information carrier

4. Browse mode

The browse of graphic design is in a progressive way, the entire process cannot be presented in series. While web design has a scroll bar and buttons to support the scroll down and up, and the link jumps to browse more diversified information. With the same information structure, the web page users have more choices on information than the graphics users. By contrast, the advantage of graphic design presents on the picture-oriented book.

5. Information spreading

Graphic design is a traditional information media design, it usually spreads through posting, sales, mail delivery and other forms of communication. This kind of spread is only suitable for a small range with high cost. The web design information dissemination ability is stronger than the graphic design but rely on the support of third-party media. In terms of audience, the graphic design can be accepted by different ages. While the website is not suitable for all ages. By the continuous popularity of network information in the future, and the continuous improvement of the terminal media user experience, the online information could be accessed and accepted by more people.

What’s the job responsibilities difference between web design vs. graphic design?

Web designer:

1. See the art as a way to leverage technology

2. Have a mutual interaction with their audience

3. More technical (i.e., coding and programming)

4. Apply an engineering approach to their designs

5. Must predict how a design will make its audience feel and react

6. Need to know how to design for versatile mediums (i.e, laptop, tablet, smartphone)

7. Can develop and enhance their work over time

8. Can catch the web design trend predictions

In a sentence, web designers are the person who can design and produce websites. They are professional designers, but also the development engineers of the static site. Their work covers many aspects. The introduction of web content, the placement of buttons, the combination of words, the application of color, the use of guidance, and so on. But that’s far away to be a good web designer. Design tools in each step of the design process are different, they have a lot of tools need to master.

Required skills: JavaScript, Jquery, PHP, web application development, UI design

Web Design Tool: Mockplus – website prototyping tool,

Adobe Dreamweaver – website editing tool

Graphic designer:

1. Put the art first

2. Have a one-way relationship with their audience

3. More artistic (i.e., sketch with a pen and paper)

4. Emphasize visual theory in their designs

5. Must focus on how a design communicates a message to its audience

6. Need to know how each element of a design translates to print

7. Have one shot to get a design right once it’s printed

To achieve the creation purpose, the graphic designers usually get focused on some professional skills. Such as font layout, visual art, page (page layout) and other aspects.

Required Skills: Adobe Creative Suite, typesetting, concept development, marketing material

Graphic Design Tool: Adobe Photoshop, Adobe Illustrator, CorelDRAW

Which is the right job choice for you: Web design vs. Graphic design?

An education break-down survey shows the background of web designer and graphic designer. The bachelor’s degree of the web designer is 75%, and the graphic designer is 70%. From the payroll point of view, the web designer’s annual salary is up to $ 75,660, while the graphic designer’s annual salary is $ 43,500. While a salary survey indicates the UI/UX salary around the world, that caused a job-hopping wave. Many graphic designers change to UX designer.

Sum Up

After reading the content above, you face a choice: web design vs. graphic design. The life is like this always facing choices. So it’s very important to have a comprehensive understanding of each aspect to decide which field is the best for your personality.

6 Essential Tips on How to Become a Full Stack Developer

How to become a full stack developer? As one of the hottest topics for developers, the discussions have never stopped. On LinkedIn and Facebook, lots of people put their job title as a full stack developer. Besides, it seems that the “Full Stack” topic has already become a new job trend. An article on Medium has discussed the full stack designer getting both praise and blame. Some people think that the full stack is just a title, what he/she should focus on is the real personal ability and technology.

Essentially, I think the discussion about the full stack is also a kind of argument relating to the all-rounder and expert in the IT industry, and debate on the depth and breadth of development skills.

You can’t have your cake and eat it too. While the full stack developers and full stack designers seem like they are challenging this possibility. Because their horizontal skills tree gives them the ability to both have and eat the cake. There is another saying is that jack of all trades, but master of none. So it’s necessary to think about how to become a real full stack developer but not an empty title.

1. What is a full stack developer?

Simply put, full stack developer is a kind of people who master a variety of skills and use these skills to complete a product independently. A top voted answer on Quora explained that what is a full stack developer:

A full stack developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients. Depending on the project, what customers need may be a mobile stack, a Web stack, or a native application stack.

In fact, “full stack” refers to the collection of a series of technologies needed to complete a project. “Stack” refers to a collection of sub-modules. These software sub-modules or components combined together to achieve the established function while without the need for other modules.

2. Why has the full stack developer been controversially discussed?

As it mentioned above, the discussion about full stack developer is actually the debate on the depth and breadth of skills. Especially at the OSCON conference, a Facebook engineer said they only hired a “full stack developer.” This topic came as a result of a heated discussion about the strengths and weaknesses of being a full stack developer.

Advantages: The full stack developers involved in a horizontal technical requirement, so that he/she can make a prototype design for a product very rapidly with his wide range of techniques. With the full stackability, they have a broader angle of views and a more active mindset. Moreover, they will be more sensitive to techniques and products. So, this kind of people can always have his/her opinions towards the product or design.

From another aspect, he/she can provide help to everyone in the team and greatly reduce the time and technical costs of team communication, technology docking. So many of them become entrepreneurs or as technical partners in start-up companies.

Disadvantages: It is precisely because of the horizontal technology development, some the full stack developers cannot be expert in one skill. Most of them who claim to be “full stacks developer” are only know a little about the multiple skills. As for how to make the architecture more suitable for the modular development, that’s a question.

3. Even so, there are still people asking, how to become a full stack developer?

A qualified full stack developer should have functional knowledge and capabilities for all aspects involved in building the application.

1) Programming languages

You need to be proficient in multiple programming languages, such as JAVA, PHP, C #, Python, Ruby, Perl, etc. As most of your core business processes need to be written in these languages.Maybe not all need. But you also have to master the language grammar, and to be very familiar with how to structure, design, implementation, and testing of the project based on one language or more languages. For example, if you choose JAVA, then you need to master the object-oriented design and development, design patterns, J2EE-based components of the development and so on.

Where to learn: Git/GitHub – You have to know how to use Git to manage and share your code.

2) Use development frameworks and third-party libraries

The popular development languages are generally accompanied by a good development framework, such as JAVA Spring, MyBatis, Hibernate, Python Django, PHP thinkphp, yin, nodeJs express and so on.

Where to learn: Courses.AngularClass.com, 15 free Python ebooks

3) Front-end technology

Front-end technologies are becoming more and more important in today’s project and product development. In addition to product features, the user experience is also one of the criteria to test the success of a product. All that depends on the implementation of the front-end technology, soyou need to master some basic front-end technologies such as HTML5, CSS3, JavaScript, and further study the front-end frameworks or third-party libraries such as JQuery, LESS, SASS, AngularJS, or REACT.

Where to learn: You don’t know JS

4) Database and cache

Any product or project needs a database to store data. As a full stack developer, you also need to have at least one or two databases and know how to interact with the database. Currently, the popular database is MySQL, MongoDB, Redis, Oracle, SQLServer and so on. As a document-type database, MongoDB, is being used more widely in Internet products. As for larger projects, Ialso recommend using MySQL or commercial Oracle as the back-end database. While memory databases, such as Redis, can be used for caching to improve system performance.

Where to learn: MongoDB MERN tutorial series, Redis tutorial

5) Basic design ability

Most of the articles or discussions about the full stack developer are rarely related to the design requirements. But I think the design skill is very important, the principle and skill of basic prototype design, UI design, UX design are also needed to understand.

Where to learn: Mockplus blog

6) Self-requirements are also an essential factor to become a full stack developer:

• Global thinking
• Good communication skills
• Creativity
• Curiosity
• Time management skills

Wrap Up

According to Gladwell’s 10,000 hours of law, it will spend 10 years to master the front-end, back-end, client-oriented knowledge content to be a full stack developer. Therefore, the full stack developer is by no means to accomplished overnight. What you need to do is laying the technical foundation, strengthen the core skills, and keep learning for more challenges.

9 of the Best Mobile App Templates of 2018 on Android & iOS

Building an App from scratch can be a time-consuming and painful task for most of us, and that’s where the well-built mobile app templates come in handy. The contemporary technological scene has been stuffed with a range of mobile apps, but we’re poised to use the best mobile apps with excellent UX/UI design.

Undoubtedly, the interface of App will have a direct effect on that of user experience. For those who need to sharpen their design skills and get inspired, the hands-on experience and templates made by the industry experts and professionals will do a great help. Here, I’ve hand-picked the 9 best mobile app templates with great UI experience, covering from photography, news, game to recipes, real estate, online shopping, etc. You may just find what you’re exactly looking for, enjoy!

Android App Templates

1. Fortin Quiz Pro – Game App

Editorial Ratings: ★★★

Fortin Quiz Pro is a quiz app template for Android, with a PHP backend. The questions have been classified into different categories and usually come in a combination of images and text. The Audio can be also used as quiz prompts, with the integration of Google Leaderboard to share the scores with friends in real time.

Price: $23

System Requirements: Android 4.1+

Download Here

2. Android News App – News App

Editorial Ratings: ★★★★

This app template is made up of two components – an Android client and a PHP with MySQL server, helping to set up your own news platform in the least efforts. A highlight is it allows users to enable/disable some functionalities to their requirements. If you need to add multiple languages other than English, then you cannot miss out it!

Price: $18

System Requirements: Android 4.0+

Download Here

3. City Guide – Daily Life App

Editorial Ratings: ★★★★

This App template can provide real-time positioning and navigation with 8 different color schemes. It also supports animation, responsive design and other advanced features. A big advantage of this App is it will store the data in the local SQL database, which can minimize our reliance on the Internet connection.

Price: $20

System Requirements: Android 4.0+

Download Here

4. Recipes – Food App

Editorial Ratings: ★★★★★

This is a cooking app for users to share and organize their recipes, with different categories accessible from both the home screen and menu. Plus, users can make push notifications, In-App Purchase, shopping list and so on. Besides that, a prototyping tool named Mockplus has a prototype of Recipes, with many amazing micro-interactions of image and scroll included. It’s pretty suitable for rookies to refer to.

Price: $25

System Requirements: Android 4.0+

Download Here

iOS App Templates

5. Photo Gram – Photography App

Editorial Ratings: ★★★★

This is a highly-customizable photography template which offers a variety of highlighted features, including the filters, tonal adjustments, cropping, resizing as well as the integration of text/video. Users can share their photos on various social platforms – Facebook, Twitter, Instagram, etc. It has been proven to be “clean code” and “easy to customize”.

Price: $19

System Requirements: iOS 3.1+

Download Here

6. Task Reminder – Project Management App

Editorial Ratings: ★★★★

If you’re agreed that a good plan is half the battle, then this template can be your cup of tea. This is one of the most popular project management Apps, with unlimited tasks and reminder lists to create. There are more cool features to interest developers in the market for an organizing App.

Price: $49

System Requirements: iOS 7.0+

Download Here

7. Store Finder – Online Shopping App

Editorial Ratings: ★★★★★

Undoubtedly, the online shopping has become an indispensable part of our daily life, but chances are that we need to find and buy at the physical store especially when we need to know whether the clothes/shoes fit well or not. In this case, the Store Finder template can be a good choice. It supports pinch and zoom functions, with offline usage.

Price: $21

System Requirements: iOS 8.0+

Download Here

8. Real Estate Finder – Real Estate App

Editorial Ratings: ★★★★

As its name implies, this App can help users access the Real Estate related information. The search and navigation features make it stand out from other Apps, and it offers multiple communication ways – telephone, text message as well as email.

Price: $23

System Requirements: iOS 7.0+

Download Here

Cross-Platform & Multi-Purpose Templates

9. ionWordPress

Editorial Ratings: ★★★★★

This is a multi-purpose template that can be used on multiple platforms, including Android, iOS, WordPress, etc. It includes a delicate interface and enables users to build hybrid mobile Apps with HTML5, JavaScript and CSS. There are not a few pages available for common use – the sign in/sign up page, the menu page, the details page, the menu page and so on.

Price: $19

System Requirements: Android 4.0+, iOS 6.1+, WordPress 4.0+

Download Here

Above are the 9 best mobile app templates finely created by top designers and developers. If you’re looking for a mobile app template builder to make such a delicately-made template, then you may give Mockplus a try. With a wealth of 200 components and 3000 UI icons, Mockplus can make your design refined a lot in a faster and easier way.

Plus, since the 3.2 release, it allows users to import the ready-made page templates of their choices into the design, helping beginners to get started and inspired in a smooth way. Here are the best free mobile app templates made by Mockplus, click here to learn more details.

Other best places for templates, sample projects and other UI resources:

1. Themeforest – The industry-leading market to explore website templates and themes.

Learn more: https://themeforest.net/tags/mobile app

2. W3Layouts – Free and responsive mobile website templates design.

Learn more: https://w3layouts.com/mobile-application-templates…

3. Graphicriver – A marketplace for buying graphics and design templates.

Learn more: https://graphicriver.net/tags/mobile app

4. Pinterest – A picture-based platform to discover style inspirations and other ideas to try.

Learn more: https://www.pinterest.com/explore/mobile-website-t…

5. Template Monster – The biggest collection of website templates online.

Learn more: https://www.templatemonster.com/

6. PNGTree – Millions of PNG images, backgrounds and vectors for free.

Learn more: https://pngtree.com/

5 of the Best Design Collaboration Tools to Empower Your Design Team

To collaborate and share design concepts over email can be frustrating for designers, and that’s where design collaboration tools come in handy. A great design collaboration can provide effortless communication and allow for transparency among your team, and there are a bunch of collaborative tools online to make it easier to get feedback and approve artwork in a professional & timely manner so as to achieve great design collaboration. 

Here, we’ve made a roundup of the best design collaboration tools which make sharing feedback and design concepts a breeze, no worries about the remote work any more. If you’re a freelancer or in a small agency, then this list will be perfect for you.

1. InVision – Design Feedback and Collaboration Tool

Website: https://www.invisionapp.com/

Editorial ratings: ★★★★

This tool is familiar to those who need make prototyping design, but InVision is also a great collaborative design tool. With a rich set of tools, such as Crafts, Boards, Insight, this tool makes it pretty easy to get real-time feedback among team, know about the most recent project progress, and design user design navigation effectively. Taking example of LiveShare, it’s rather intuitive and convenient for multiple users to make online reviewing and project comments on the same project by simple drag-and-drop.

Plans & Pricing: $15/mo-Starter, $25/mo-Pro, $99/mo-Team

Free trial: There is a Free version, but only allows 1 project

Number of team collaborators: Unlimited

2. Mockplus – Rapid Prototyping and Team Collaboration Design Tool

Webiste: https://www.mockplus.com

Editorial ratings: ★★★★★

Mockplus, an all-inclusive prototyping tool for all platforms, has become a rising star in the competitive industry of prototyping tool for its functionality and simplicity. It lets users make online reviewing and have page revisions in real time, with no limit on the team members. Not only does it let users make online comments on the project and page, but also makes it possible to set page editing permission with password-protection option. It’s also one of the best UX design collaboration tools.

Here are more details in below:

How it works exactly?

1. Create a team project and get it synced to the cloud for remote sharing.

2. Add the team collaborators by entering their email addresses and sending email notifications.

3. Open the team project from the client.

4. Get page editing permission and make project editing on the project at the same time.

5. Publish to preview it and invite others to make comments & remarks.

Supported platforms: Windows, macOS

Plans & Pricing: $199-Pro, $399-Unlimited Perpetual License (all new updates with extra charges)

Free trial: Free forever with unlimited features, plus 1-month trial for students, 6-month trial for teachers & educators

Number of team collaborators: Unlimited

3. Red Pen – Team Feedback and Version Control Tool

Website: https://redpen.io/projects

Editorial ratings: ★★★

If you have ever used Google Docs for work, then you will adapt to this tool with ease. Basically, this is a commenting tool that allows the team to provide input which is related to usability and design flaws. One of its best features is that the software will automatically keep track of the numerous versions, with no login required. A downside is it has strict limits on the number of project and needs enhancements on interactivity and feature diversity.

How it works? It’s pretty simple:

1. Drag and drop to upload your completed design in images;

2. Generate private link and enter the email address of reviewers;

3. Click anywhere of the screen to add notations/comments.

Plans & Pricing: $20/mo-5 projects, $30/mo-10 projects, $60/mo-25 projects, $90/mo-40 projects

Free trial: 14 days

Number of team collaborators: Unlimited

4. Mural – Online Brainstorming and Collaboration Tool

Website: https://mural.co/

Editorial ratings: ★★★

As its name hinds, Mural provides a big HTML5 drawing whiteboard for users to collect inspiration and gather team feedback, by simply dragging and dropping rich media files, links and documents. It’s not just designed as a pinboard like Pinterest, it’s incredibly easy-to-use and helps to streamline your collaboration process. Its advantage lies in the visual aid system and it lets people voice their feedback, without fear of retaliation.

Supported platforms: Windows 10, iPad & iPhone

Plans & Pricing: $12/mo (billed yearly)

Free trial: 30 days

Number of team collaborators: Up to 50 people, not suitable for large design project

5. Moqups – Online Mockup, Wireframe & Collaboration Tool

Website: https://moqups.com/

Editorial ratings: ★★★

This software enables teams to collaborate on mockups, wireframes and prototypes, which makes it a universally-friendly platform for all designers to use. It has great integration to quite a few third-party collaboration platforms, including Slack, Google Drive and Dropbox. Most recently, it supports the server of Jira and Confluence. 

Plans & Pricing:

(Monthly Billing) Personal – $19/mo, Creative Team – $29/mo

(Annual Billing) Personal – $13/mo, Creative Team – $19/mo

Free trial: Only 1 project, with 5MB storage

Number of team collaborators: Up to 3 people

Sum Up

For designers, to know to collaborate and communicate with other teammates can not only improve work efficiency, but also reduce the workload a lot. Above are the most recommended design collaboration tools which are powerful and easy-to-use. In regards to functions of collaboration and design as well as the limits on project and collaborators, Mockplus is the best solution for you to design faster with full support to your requirements.