Compose Hammer

screenshot of Compose Hammer
material-ui

Compose Hammer is a Android Studio plugin that helps you build Compose UI using Material3 components.

Overview:

Compose Hammer is a premium Android Studio Jetpack Compose Material3 UI builder plugin. It supports over 59 Material3 components and 30 Jetpack Compose code patterns. The plugin allows users to preview Material3 components directly in Android Studio without building them from the M3 website. It also provides a copy-paste ready implementation code for Material3 Jetpack Compose components, as well as a quick action shortcut to automatically generate and insert the necessary code. Additionally, Compose Hammer offers full customization code for the Material3 components, allowing users to easily match their design requirements. The plugin includes custom templates for creating code snippets and components. It also provides relevant links to the M3 Spec, M3 Guidelines, and Official Jetpack Compose docs for each component.

Features:

  • Preview in Android Studio: View Material3 components directly in Android Studio without building them from the M3 website.
  • Copy-paste ready implementation code: Get ready-to-use implementation code for Material3 Jetpack Compose components with necessary imports.
  • Quick action shortcut: Automagically generate and insert code with all the necessary imports using the quick action shortcut (⌥ Option/Alt + ⤶ Enter).
  • Full customization code: Customize Material3 components to match design requirements more easily.
  • Custom templates: Create custom code snippets and components.
  • Relevant links: Access links to the M3 Spec, M3 Guidelines, and Official Jetpack Compose docs for each component.
  • Compose Hammer demo video: Watch a demo video showcasing the features of Compose Hammer.
material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

material-design
Material Design

Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.