Open-source alternatives to Material Components Ios

This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b

React Native Paper is a cross-platform UI framework that provides a comprehensive suite of pre-built components based on Material Design specifications. It serves as a library for building consistent mobile interfaces by mapping high-level design elements to native platform primitives, ensuring a unified visual language across different operating systems. The library distinguishes itself through a global context provider that manages theme injection and portal-based overlay rendering for elements like modals and tooltips. Developers can apply custom brand identities by overriding default desi

This project is an open-source library of customizable mobile interface templates and screen layouts built with Flutter and Dart. It serves as a prototyping kit and design gallery, providing a collection of ready-made user interface examples and Material Design component sets for cross-platform mobile application development. The collection enables the rapid creation of application screens by providing pre-built layouts for common mobile app flows and navigation patterns. Developers can browse these interface patterns and modify colors, fonts, and layouts to align with specific brand guidelin

FSPagerView is an iOS page slider library and Swift UI component designed for creating swipable paging views. It provides a paginated navigation UI and a 3D page transition engine for managing a sequence of views. The library features an infinite carousel view that supports automated page cycling and continuous looping of content. It distinguishes itself through 3D page transition animations, including zoom and fade effects, and customizable transition effects that control how items enter and exit the screen. The component covers a broad capability surface including paginated screen layouts,

TapTargetView is a set of UI components designed for user onboarding and feature discovery. It provides visual callouts, focus indicators, and markers that direct user attention toward specific screen elements to introduce new or hidden functionality. The system implements Material Design guidelines for its feature discovery UI, ensuring that visual highlights and interactive callouts remain consistent with standardized design specifications. It supports the creation of interactive product tours by chaining multiple interaction points into a sequential path. This is achieved through coordina

MaterialViewPager is a library that creates a scrollable, swipeable interface with an animated header image, toolbar, and logo following Material Design guidelines. It provides a complete implementation of a Material Design ViewPager, where the header background color and image animate as the user swipes between pages. The library coordinates scroll-driven header animations by synchronising scroll offsets from the ViewPager and attached scrollable views through a central coordinator. It supports fragment-based page composition, allowing each page to have independent content layouts while shar

Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover

This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm

This project provides a set of Android Material Design widgets, including floating action buttons and floating action menu components. These elements highlight primary screen actions through customizable sizing, shadow effects, and Jetpack Compose UI components. The library includes a circular progress button that embeds a loading spinner to signal background task processing. Its menu components organize expanding buttons with labels and background dimming to provide quick access to multiple primary application actions.

This project is a WPF Material Design library and XAML UI framework providing a collection of pre-styled components and themed controls for Windows desktop applications. It functions as a desktop component library and theme engine to ensure design consistency across .NET applications. The toolkit implements a standardized visual language through a Material Design component library, including specialized buttons, cards, and dialogs. It enables the application of comprehensive visual styles and theme implementations to align standard controls with established design patterns. The framework cov

This project is a native Android widget toolkit that provides a collection of standardized interface elements for mobile application development. It serves as a comprehensive implementation of the Material Design language, offering ready-to-use widgets and layouts designed to ensure consistent visual and interactive patterns across an application. The library distinguishes itself by integrating directly with the platform view system, allowing developers to maintain a uniform look and feel across different screens. It utilizes a centralized theme object to resolve visual properties and support

MUI is a lightweight CSS framework that implements Material Design visual and interaction guidelines for web interfaces. It provides a suite of tools for building interfaces through a responsive CSS grid system and a set of components based on standardized visual patterns. The library includes a customizable CSS theme engine and a specialized HTML email styling library. These tools allow for the modification of default palettes and visual styles to align an interface with a specific brand identity, while ensuring consistent rendering of email templates across different email clients. The fra

Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

Varlet is a Vue3 material design component library used to build mobile and desktop user interfaces. It provides a collection of standardized components based on Material Design 2 and 3 specifications. The framework functions as a cross-platform UI suite that adapts between mobile touch interactions and desktop environments. It includes a themable component system with customizable design variables and dark mode settings to align interfaces with specific branding. The library supports server-side rendering to improve initial page load speeds and search engine visibility. Additional capabilit

CheeseSquare is an Android UI component gallery and reference application. It serves as a practical demonstration of Material Design components and layout patterns implemented on the Android platform. The project showcases the use of standardized library elements, including collapsing toolbars, floating action buttons, and navigation drawers. It provides a live environment for prototyping Android components to ensure design consistency across different device screens. The application focuses on the implementation of Android design guidelines and mobile user experience standardization through

MaterialDesignLibrary is an Android Material Design UI library and cross-version framework. It provides a collection of pre-built interface controls and a compatibility layer that enables modern design patterns on older Android devices starting from version 2.2. The project focuses on bringing updated design standards to legacy Android versions to ensure a consistent user experience. This is achieved through a compatibility layer that implements modern interface elements without sacrificing visual quality on outdated operating system releases. The library includes a variety of functional com

This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

A responsive Material Design theme for static blogs built with the Hexo framework. It functions as a comprehensive layout system that transforms markdown files into styled HTML pages, providing a specialized environment for technical documentation and personal blogging. The theme is characterized by a data-driven approach to content visualization, using radar charts for categories and word clouds for tags to represent post metadata. It further distinguishes its organization by utilizing a chronological timeline architecture for blog archives. The project covers a wide range of technical publ

This project is a Material Design XAML library and UI framework for building Windows desktop applications. It provides a collection of components and styles used to implement Material Design interfaces within WPF applications. The toolkit functions as a XAML styling toolkit that provides reusable styles and color swatches. This allows for the maintenance of a unified visual identity and the application of standardized primary and secondary color palettes across .NET desktop screens. The framework covers WPF UI development and XAML interface styling, facilitating the implementation of Materia

This is a Material Design theme for the Hexo static site generator. It provides a pre-defined set of templates and styles to transform markdown files into a website with a user interface based on Material Design principles for consistent spacing, typography, and components. The theme implements Google's design language to provide a clean visual experience for static sites and personal blogs. It allows for the application of these styling principles without the need to write custom CSS. The project utilizes a responsive grid layout and CSS variables to synchronize color schemes across UI comp

A library to bring fully animated Material Design components to pre-Lolipop Android.

AndroidX is the official collection of Android Jetpack libraries for building Android applications. It provides a suite of backward-compatible APIs that expose modern platform features on older Android versions, ensuring consistent functionality across devices. The project is built around lifecycle-aware component architecture, with tools like ViewModel for preserving UI data across configuration changes, LiveData for lifecycle-aware data observation, and WorkManager for constraint-based background task scheduling. The project distinguishes itself through compile-time code generation and type

BottomBar is an Android UI component that implements a Material Design bottom navigation bar. It serves as a reusable layout element for organizing top-level application destinations through a system of selectable tabs. The component features an adaptive layout system that optimizes horizontal space for tablet displays and uses density-aware adjustments for different screen dimensions. It includes a notification badge system to alert users of updates and supports conditional selection interception to prevent navigation based on application state or permissions. The library covers a broad ran

SimplifyReader is a multi-purpose Android client and multimedia content browser. It serves as a centralized hub for consuming news articles, audio files, video streams, and image galleries, while also providing QR code scanning functionality. The application is built using the Model-View-Presenter architecture to separate data logic from the user interface and implements Google Material Design principles for its visual components. It utilizes a hybrid scanning engine to decode QR codes into text strings. The project covers several core capability areas, including news article consumption via

This project is a pre-configured boilerplate and seed project for building serverless web applications using React and Firebase. It serves as a comprehensive template for setting up the environment, routing, and infrastructure required to launch single-page applications. The framework integrates a data layer using GraphQL and Relay to coordinate requests and maintain scalable state management. It includes a standardized user interface kit based on Material Design principles and implements asynchronous code splitting to reduce initial bundle payloads. The system covers identity management thr

XLForm is a declarative UI library and framework for generating synchronized iOS table-view forms from structured definitions. It provides a toolkit for building mobile data-entry screens using Swift and Objective-C, allowing developers to create interfaces based on declarative sections and rows. The framework features dynamic interface synchronization and conditional logic to manage row visibility and editing restrictions. It supports the creation of dynamic multivalued sections where users can insert, delete, or reorder rows at runtime. The library includes a variety of interactive input c