Compose Material Theming

View all the Material Components in Jetpack Compose.

Jetpack Compose offers an implementation of Material Design, a comprehensive design system for creating digital interfaces. The Material Design components (buttons, cards, switches, and so on) are built on top of Material Theming, which is a systematic way to customize Material Design to better reflect your product’s brand. 


A Material Theme contains color, typography, and shape attributes. When you customize these attributes, your changes are automatically reflected in the components you use to build your app.



Demo app: https://play.google.com/store/apps/details?id=compose.material.theme

Source code: https://www.boltuix.com/search/label/*%20Jetpack%20Compose

Components
Material Components are interactive building blocks for creating a user interface.
* App bars: bottom
* App bars: top
* Backdrop
* Banners
* Bottom navigation
* Buttons
* Buttons: floating action button
* Cards
* Dialogs
* Dividers
* Image lists
* Lists
* Menus
* Navigation drawer
* Navigation rail
* Progress indicators
* Selection controls
* Sheets: bottom
* Sheets: side
* Sliders
* Snack bars
* Tabs
* Text fields
* Swipe to refresh

* Ice cream UI design template 

You will get more updates.









Comments

Post a Comment

Popular posts from this blog

Creating Beautiful Card UI in Flutter

Image
In this tutorial, we will learn how to create beautiful and customizable card UI in Flutter.  We will use the Card widget to create the card layout and other widgets like Image and Text to add images and text to the card. We will also learn how to customize the card's appearance by adding borders and changing its shape.  By the end of this tutorial, you will have a good understanding of how to create beautiful and customizable card UI in Flutter.
Read more

Master Web Development with Web School Offline

Image
Master Web Development with Web School Offline Want to learn web development and programming anytime, anywhere? Web School Offline is your all-in-one learning companion, now smarter with AI-powered assistance, multi-language support, and a sleek dark mode. Discover how to master HTML, CSS, JavaScript, Python, SQL, and more—completely free! 🌟 Introduction At the forefront of coding education, Web School Offline empowers you to build web and app development skills without an internet connection. Whether you’re a beginner or aiming to become a pro, this free app offers comprehensive tutorials, AI-driven guidance, and a user-friendly interface to make learning seamless. Start your journey with the world’s largest web and app developer resource! 🚀 Why Web School Offline? Key Benefits Web School Offline stands out with its robust features for learners: Offline Support 📴: Learn without an internet connection. ...
Read more

Jetpack Compose - Card View

Image
Cards contain content and actions that relate to information about a subject. Card is the equivalent of a CardView in Compose How to use Card in android jetpack compose. What's new Color : New color mappings and compatibility with dynamic color, Elevation : Lower elevation and no shadow by default, Types : Three official card types – elevated, filled, and outlined
Read more