React To Print

Features

Targeted Element Printing - Enables sending specific DOM content from a component directly to the browser print dialog without affecting the main page.
Print Pagination Controls - Implements precise control over page breaks, margins, and orientations to ensure correct rendering on physical paper.
DOM Node Manipulators - Copies target element nodes and styles from the active page into the print window for visual consistency.
React Components - Provides a React component that renders specific elements into a hidden iframe to trigger the browser print dialog.
Printable - Sends specific React components to the browser print dialog without affecting the main page layout or visibility.
Print Isolation Frames - Renders targeted components into a hidden iframe to trigger the browser print dialog without altering the main page layout.
Print-Optimized Layouts - Generates HTML views specifically styled for physical printing by injecting custom fonts and CSS page styles.
Print Process Managers - Provides a set of hooks for executing asynchronous logic and updating state immediately before and after the printing process.
Web Component Print Support - Extracts and renders elements from the Shadow DOM to ensure encapsulated styles are preserved in the printed output.
Shadow DOM Flattening - Extracts elements from shadow roots and merges them into the print window to render encapsulated web component styles.
Shadow DOM Printing - Copies elements from Shadow Roots into the print window to ensure encapsulated web component styles are rendered.
DOM-to-Print Utilities - Copies DOM elements and Shadow DOM content into a printable window with custom styling.
Print Lifecycle Hooks - Provides asynchronous hooks to execute custom logic and update application state before and after the print process.
Programmatic PDF Layout Tools - Controls page breaks, margins, and CSS styles to ensure web content renders correctly on physical paper or PDF exports.
CSS Style Injections - Injects custom stylesheets and font families into the print document head to control margins and page breaks.
Pluggable Print Implementations - Allows replacing the standard browser print method with a custom function to execute printing tasks in desktop or non-browser environments.

Open-source alternatives to React To Print

Similar open-source projects, ranked by how many features they share with React To Print.

arco-design/arco-design
arco-design/arco-design
5,625View on GitHub
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
TypeScript
View on GitHub5,625
douyinfe/semi-design
DouyinFE/semi-design
10,017View on GitHub
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
TypeScriptai-friendlycode2designdark-mode
View on GitHub10,017
adobe/react-spectrum
adobe/react-spectrum
15,567View on GitHub
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
TypeScriptaccessibilitydesign-systemsreact
View on GitHub15,567
facebook/react
facebook/react
245,669View on GitHub
React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
JavaScriptjavascriptuifrontend
View on GitHub245,669

See all 30 alternatives to React To Print

MatthewHerbstreact-to-print

Features

Open-source alternatives to React To Print

arco-design/arco-design

DouyinFE/semi-design

adobe/react-spectrum

facebook/react

Star history

Open-source alternatives to React To Print

arco-design/arco-design

DouyinFE/semi-design

adobe/react-spectrum

facebook/react