A modern Android app for creating and designing gradient drawables with a beautiful Material 3 UI. Create complex shapes, gradients, and export them as XML code ready to use in your Android projects.
- Multiple Shape Types: Rectangle, Oval, Line, and Ring
- Customizable Dimensions: Width and height controls (50-250dp)
- Corner Radius: Adjustable rounded corners for rectangles
- Real-time Preview: See your changes instantly with a centered preview
- Gradient Types: Linear, Radial, and Sweep gradients
- Color Customization: Start, center, and end color pickers
- Advanced Settings:
- Angle control for linear gradients (0-360°)
- Gradient radius for radial gradients
- Center X/Y positioning for radial and sweep gradients
- Solid Colors: Option to use solid fills instead of gradients
- Stroke Width: Adjustable border thickness (0-50dp)
- Stroke Color: Custom border colors
- Dashed Strokes: Create dashed borders with customizable dash width and gap
- Material 3 Design: Beautiful, modern interface with spring animations
- Collapsible Sections: Organized property groups for better navigation
- Interactive Controls:
- Smooth slider animations with real-time value badges
- Scale animations on chip selection
- Elevation changes on card interaction
- Smart Preview:
- Collapsible preview that shrinks to top-left corner on scroll
- Animated transitions with spring physics
- Checkerboard background for transparency visualization
- XML Export: Generate ready-to-use XML drawable code
- Code Viewer: Syntax-highlighted code display powered by Sora Editor
- Copy & Save: Easily copy or save your drawable specifications
- Language: Kotlin 2.3.0
- UI Framework: Jetpack Compose with Material 3
- Architecture: MVVM with ViewModel and Repository pattern
- Persistence: Room Database and DataStore
- Code Editor: Sora Editor (TextMate-based syntax highlighting)
- Build System: Gradle with Kotlin DSL
- Min SDK: 26 (Android 8.0)
- Target SDK: 35 (Android 15)
- Jetpack Compose BOM 2026.01.01
- Material 3 Compose
- Material Icons Extended
- Room Database
- DataStore Preferences
- Sora Editor 0.23.4
- Core Library Desugaring- Clone the repository:
git clone https://github.com/ISEKHON/DrawableTuner.git-
Open the project in Android Studio
-
Sync Gradle and build the project
-
Run on your device or emulator (requires Android 8.0+)
- Select Shape: Choose from Rectangle, Oval, Line, or Ring
- Configure Size: Adjust width and height using sliders
- Add Gradient: Toggle gradient mode and select type
- Customize Colors: Pick your desired colors using the color pickers
- Fine-tune: Adjust angle, radius, center position, and other properties
- Add Stroke: Configure border width, color, and dash patterns
- Preview: Watch your drawable update in real-time
- Export: View and copy the generated XML code
Coming soon
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
Jagdeep Singh
- GitHub: @ISEKHON
- Built with Jetpack Compose
- Code editing powered by Sora Editor
- Inspired by the need for a modern drawable design tool