Giter VIP home page Giter VIP logo

dinesh2510 / material-design-components-in-kotlin Goto Github PK

View Code? Open in Web Editor NEW
8.0 2.0 3.0 8.35 MB

All Material Design Components in Kotlin

Home Page: http://pixeldev.in/

Kotlin 98.42% Java 1.58%
kotlin kotlin-android kotlin-library kotlin-language materail-design recyclerview recyclerview-multi-type bottomnavigationview tablayout navigation-drawer admob fragments grid-layout gridview datetimepicker

material-design-components-in-kotlin's Introduction

pic

Kotlin Material Design

Kotlin is a cross-platform, statically typed, general-purpose programming language with type inference. Kotlin is designed to interoperate fully with Java, and the JVM version of Kotlin's standard library depends on the Java Class Library, but type inference allows its syntax to be more concise.


This is a demo app designed with the fascinating and modern Google's Material Design 2. It was created using Androidx Libraries and Material Components. It covers many material design components to show how to implement material design 2 in apps.

Title & ScreenShots

  1. Bottom Navigation
  2. Tab Layout
  3. Grid RecyclerView
  4. Linear RecyclerView
  5. Navigation Drawer (Both Side)
  6. WebView
  7. AutoComplete TextView
  8. MultiAutoComplete TextView (Eg. apple,bat,cat,dog)
  9. Spinner
  10. Bottom Sheet
  11. SearchView (Toolbar SearchView and Basic SearchView)
  12. Calculator App
  13. Rating
  14. Dialog Box
  15. Date Time Picker
  16. AdMob Full Screen Ad
  17. Collapsed View
  18. Horizontal ScrollView
  19. Bottom Navigation Hide On Scroll
  20. Login, Register, Verification Screen, Home Page
  21. Music & Video Player
  22. RecyclerView Using Volly API

Why Kotlin?

1. Concise -Drastically reduce the amount of boilerplate code

2. Safe -Avoid entire classes of errors such as null pointer exceptions

3. Interoperable -Leverage existing libraries for the JVM, Android, and the browser

4. Tool-friendly -Choose any Java IDE or build from the command line


Download APK

No. APK Name Download Link. Version No.
1. Material Design with Kotlin Download 1.0

Demo

No. Componets Name Fig.
1. HomePgae(login,register,homepage,verification page) Gifs
2. Bottom Navigation Custom Gifs
3. Bottom Navigation Hide On Scroll (Horizontal ScrollView,RecyclerView ) Gifs
4. Tab Layout (Icon) Gifs
5. Basic RecyclerView gif
6. RecyclerView Using Volley API Gifs
7. Grid RecyclerView (2 Columns) Gifs
8. Grid RecyclerView (3 Columns) Gifs
9. Swipe To Dismiss RecyclerView Gifs
10. Expanable RecyclerView Gifs
11. Section RecyclerView Gifs
12. Multiple Selection RecyclerView Gifs
13. Scroll To Top RecyclerView Gifs
14. Navigation Drawer Menu (Both Side Left & Right) Gifs
15. Bottom Sheet (It is available in basic recyclerview details page) Gifs
16 Webview Gifs
17. AutoComplete EditText (Multiline and SingleLine AutoComplete ) Gifs
18. Spinner Gifs
19. Basic SearchView Gifs
20. Toolbar SearchView Gifs
21. Calculater App Gifs
22. ScrollView (Nested,Horizontal ) Gifs
23. Rating Gifs
24. Alert Dialog (FullScreen , Short) Gifs
25. Date Time Picker Gifs
26. Expandable Card Gifs
27. Collapse Toolbar (Admob Full Screen Ad) Gifs
28. Floating Button with Submenu (Fab button) Gifs
29. Music Player Gifs
30. PopMenu Gifs

If this project helps you in anyway, show your love ❤️ by putting a ⭐ on this project ✌️

Contributing to Matrial Design with Kotlin

Just make a pull request. You are in!

material-design-components-in-kotlin's People

Contributors

dinesh2510 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.