Rally
Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html
Overview
Rally is a personal finance app that utilizes Material Design components and Material Theming to create a branded experience with a data-driven aesthetic. It is originally a design case study by Google's Material Studies, but the team behind Rally has implemented the app for Android, closely mimicking the design and customizing various UI components using Material Components for theming.
Features
- Rally Tab: A customized tab component that is not default on Android but was made possible by utilizing Constraint Layout's Flow.
- Graphs and Tabs: Meaningful motion and neat animations bring a unique touch to the graphs in the app. The components were handcrafted on canvas for precise customization.
- Pie Chart: The app features a pie chart implemented on canvas, with an animation that mirrors the original design.
- Tablet UI: Rally offers a unique and optimized user interface for tablets as well, ensuring a seamless experience across different devices.
Summary
Rally is a personal finance app that takes inspiration from Google's Material Design and implements it in an Android application. The app features various custom UI components, such as tabs, graphs with unique animations, and a pie chart, all created to closely resemble the original design. Rally also offers a tablet-optimized UI for a consistent user experience across devices.
- 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 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.