Open-source alternatives to React Email

Heml is a framework providing a custom markup language and compiler designed to generate responsive HTML and CSS for consistent rendering across email clients. It functions as a system for transforming specialized markup strings into deliverable email templates and associated metadata. The project features a component system for defining reusable custom elements and style rules to standardize design patterns. It includes a responsive layout engine that converts flexible grid structures, columns, and rows into compatible fixed-width tables and fluid layouts. The toolset covers email metadata

MJML is a responsive email framework and HTML email compiler that translates simplified semantic markup into complex HTML. It functions as an email template engine designed to produce layouts that render consistently across a wide range of email clients. The system provides a markup validation tool to check structural integrity and syntax before compilation. It also includes a version migration utility to upgrade older template files to newer language versions while preserving content and layout structure. The toolset covers several capability areas, including command-line markup compilation

React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

CssToInlineStyles is a CSS inliner for HTML emails that converts stylesheets into inline style attributes on HTML elements. It functions as a style resolver and transformation engine, mapping CSS selectors to HTML tags to ensure consistent visual rendering across diverse email clients and providers. The tool calculates final computed styles by applying specificity and inheritance rules before injecting the resolved properties directly into the style attributes of the corresponding HTML elements. It utilizes DOM-based style calculation and selector mapping to determine which declarations apply

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms. The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and

osTicket is an open-source help desk software and ticket management system designed to centralize customer support inquiries from emails, web forms, and API requests. It functions as a multi-channel support tool that converts incoming communications into a structured queue for agent resolution and IT help desk management. The platform features a dedicated customer support portal where users can submit requests, track ticket status, and access a self-service knowledgebase of help articles and FAQs. It integrates secure OAuth2 email authentication to retrieve and send messages without storing l

This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

Cerberus is an HTML email template framework providing a collection of tested markup patterns and architectural kits. It is designed to create responsive email newsletters that render consistently across diverse software clients. The project features a responsive email layout system using fluid and hybrid table-based structures, alongside a cross-client CSS kit that employs conditional markup to maintain visual consistency in legacy clients. It includes specific methodologies for implementing dark mode by adjusting colors and images based on operating system theme preferences. The framework

Mailspring is a cross-platform desktop email client designed to aggregate multiple accounts into a single, unified inbox. It utilizes standard protocols to synchronize messages and provides a centralized interface for managing professional correspondence across different email services. The application distinguishes itself through a suite of productivity tools that include automated message scheduling, follow-up reminders, and email engagement tracking to monitor recipient interactions. It also features contact enrichment to surface professional context and historical data, alongside built-in

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

This project is a full-stack React starter kit and TypeScript web application boilerplate. It provides a pre-configured project template that combines a frontend and backend to accelerate the development of production-ready web applications. The kit is distinguished by its focus on type-safe architectures, utilizing a monorepo structure to synchronize data types between the server and client. It integrates specific implementations for SaaS operations, including recurring subscription billing via Stripe and user identity authentication supporting passkeys, social logins, and email verification

Quarkus is a Kubernetes-native Java framework designed for building high-performance, memory-efficient applications. It utilizes ahead-of-time native compilation to transform Java code into standalone, optimized binaries that eliminate the need for a virtual machine, enabling rapid startup and reduced memory consumption. By performing code augmentation during the build phase, it shifts heavy processing tasks away from runtime, ensuring that applications are optimized for cloud-native environments. The framework distinguishes itself through a unified approach to reactive and imperative program

Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup. The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym

This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

Reui is a React UI component library and front-end framework distributed under the MIT license. It provides a collection of reusable, pre-built React components for building modern web application interfaces. The library is built on a component-based architecture that uses declarative rendering through JSX, with state management handled by React Hooks. It employs CSS Modules for scoped styling and Tailwind CSS for utility-first styling, while TypeScript provides static type checking across the codebase. The project organizes components using a file-based structure and uses a module bundler bu

Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The

Tremor is a React component library designed for building analytical dashboards and data-driven web interfaces. It provides a collection of modular UI elements and pre-styled charts that allow developers to render complex datasets into clear visual summaries. The library functions as a utility-first UI kit that integrates with styling frameworks to ensure consistent design across dashboard layouts. By utilizing a declarative composition model, it enables the assembly of interfaces through reusable layout containers and property-driven visual configuration, decoupling raw data processing from

Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

React Sortable Hoc is a library for building drag-and-drop reorderable lists and grids within web applications. It provides a set of reusable components designed to integrate into the component-based architecture of React, allowing users to rearrange elements through mouse or touch input. The library utilizes a higher-order component pattern to inject drag-and-drop state management into existing list components without requiring modifications to the underlying implementation. It employs portal-based ghost rendering to move elements outside the normal document flow, while using hardware-accele

Arwes is a sci-fi React UI framework and futuristic component library designed for building web interfaces with cyberpunk aesthetics. It provides a thematic web UI toolkit that combines stylized components with an SVG animation engine to create immersive visual identities. The project distinguishes itself through coordinated animation sequences that control the assembly and disassembly of interface elements. It integrates a sensory feedback system that maps user interaction events to synchronized audio clips and manages dynamic backgrounds to enhance the environmental atmosphere. The framewo

react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React applications. It functions as a DOM scroll controller, providing a declarative API and a set of components to animate the viewport to specific target elements. The library enables custom scrolling by allowing the viewport to move to target elements through either instant jumps or animated transitions. It provides a system for integrating this scrolling logic into custom components using mixins to define specific movement triggers and targets. The project covers viewport navigation an