Open-source alternatives to React Firebase Starter

This project is a production-ready boilerplate designed for building subscription-based web applications. It provides a foundational framework for managing user identity, persistent relational data, and recurring billing cycles within a unified development environment. The platform distinguishes itself by integrating secure authentication workflows with automated subscription management. It utilizes a schema-first approach to database interactions, ensuring data consistency through type-safe queries and versioned migrations. By incorporating native support for payment provider APIs, the syste

This project is a full stack monorepo boilerplate and Node.js GraphQL API template. It provides a seed project that integrates a schema-first GraphQL API, a PostgreSQL database, and a React frontend within a single repository to share types between the backend and user interface. The architecture includes a serverless wrapper for cloud deployment and automatic scaling. It implements a request batching layer to optimize database performance by preventing the N+1 query problem. The project covers database management through migration-based schema versioning and seed files. It also includes cap

This project is a starter kit for building software as a service applications. It provides a foundational framework for developing scalable products with integrated subscription billing, user management, and automated cloud deployment pipelines. The core architecture centers on a multi-tenant application framework that isolates data and permissions between organizations using team workspaces and role-based access control. It utilizes a GraphQL API to ensure type-safe communication and data consistency between the frontend and backend. The system covers comprehensive identity and access manag

This project is an interactive educational platform and comprehensive curriculum designed to teach developers how to build, query, and integrate GraphQL APIs into full-stack applications. It provides a structured learning environment for mastering core concepts such as schema design, query execution, and the implementation of data-driven interfaces. The platform distinguishes itself by focusing on the practical application of real-time data synchronization and backend architecture. It guides users through the process of connecting frontend frameworks to relational databases, implementing role

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

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

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

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

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.

The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

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 is a Material Design iOS UI library providing a collection of modular user interface components for iOS. It functions as a Swift UI component framework and a cross-platform design system to ensure consistent visual and functional experiences across different operating systems. The project enables the integration of Material Design guidelines into iOS applications through a modular component architecture. This allows for the assembly of complex app screens using a library of pre-made interface elements. The framework covers general iOS UI development and the implementation of standardize

Strawberry is a type-safe GraphQL library for Python that enables the design of schemas using Python type annotations and dataclasses. It functions as an asynchronous GraphQL server and execution engine, providing a bridge to expose schemas across ASGI-compliant web frameworks such as FastAPI, Django, Flask, and Litestar. The project implements GraphQL Federation, allowing for the creation of distributed schemas and entities that merge into a unified supergraph across multiple services. It also includes a dedicated toolkit for the Relay specification, supporting global object identification a

Graphene is a library and framework for building type-safe GraphQL APIs and schemas using Python objects and resolvers. It provides a system for mapping internal data models to typed GraphQL schemas, enabling the creation of servers that process queries and execute resolvers to return structured data. The project includes a full implementation of the Relay specification, providing standardized patterns for global object identification and cursor-based pagination. It utilizes a class-based approach to schema definition and supports interface-based type inheritance. The framework covers a broa

Type-graphql is a toolkit and framework for creating type-safe GraphQL APIs. It functions as a schema generator and resolver library that uses TypeScript classes and decorators as the primary source of truth for data structures and query logic. The project enables the definition of GraphQL schemas and resolvers through typed classes rather than manual schema definition language. This approach ensures that TypeScript types automatically align with the GraphQL schema to prevent runtime errors. The framework provides capabilities for API implementation, including input data validation and acces

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 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

The Odin Project is an open-source, full-stack web development curriculum that guides learners from basic scripting to deploying complete applications through a structured, project-based learning path. It functions as a self-directed bootcamp covering frontend, backend, databases, and job-seeking skills, with a peer-to-peer learning community where developers give and receive structured help through a forum. The platform distinguishes itself through a project-based curriculum engine that presents curated resources and assignments requiring independent problem-solving rather than step-by-step

Keen-UI is a Vue.js UI component library and Material Design framework. It provides a collection of reusable interface elements designed for building web applications that follow Material Design specifications for layout, spacing, and color. The library is a tree-shakeable component set, allowing the import of standalone components to minimize final bundle sizes. It functions as a customizable design system where visual attributes, such as colors and sizes, can be adjusted to match specific brand identities. The framework covers a range of UI components, including inline alert messages for i

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

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

Material Kit React is a dashboard template for React applications built with Material UI. It provides a type-safe foundation for developing administrative interfaces and management dashboards using TypeScript. The project includes pre-configured authentication flows for identity management, with specific integrations for Auth0 single sign-on and Firebase session management. It covers application scaffolding and enterprise UI prototyping through pre-designed layouts for system settings and user administration. The system uses a centralized design token system for theme customization and distr

This project is a cross-platform mobile user interface framework that provides a collection of pre-built components for applications developed with JavaScript. It functions as a standardized design system, enabling developers to implement professional visual interfaces and interactive elements that adhere to Google Material Design specifications. The library facilitates consistent visual styling across iOS and Android by utilizing a centralized object-based system to map design tokens to native view properties. By offering a set of reusable building blocks, it allows for the rapid assembly of

Muse UI is a Vue 2.0 component library that provides a set of pre-styled user interface components implementing Google's Material Design guidelines. It is designed as a UI framework for building consistent Material Design interfaces in Vue.js 2.0 applications. The library uses Vue's plugin-based component registration pattern, allowing components to be registered globally and enabling selective imports. Components communicate through Vue's custom event system, and the library includes a configurable theming layer built with CSS custom properties and SCSS variables that maps to Material Design

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