PHPackages                             vectorwyse/laravel-printable-components - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [PDF & Document Generation](/categories/documents)
4. /
5. vectorwyse/laravel-printable-components

ActiveLibrary[PDF & Document Generation](/categories/documents)

vectorwyse/laravel-printable-components
=======================================

A set of Blade components for creating document previews with page breaks that translate perfectly to paper or PDF.

488Blade

Since May 10Pushed 5y ago1 watchersCompare

[ Source](https://github.com/vectorwyse/laravel-printable-components)[ Packagist](https://packagist.org/packages/vectorwyse/laravel-printable-components)[ RSS](/packages/vectorwyse-laravel-printable-components/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

Laravel Printable Components
============================

[](#laravel-printable-components)

A set of Blade components for creating document previews that print perfectly to paper or PDF.

[![](screenshot.gif)](screenshot.gif)

If you've ever tried to replicate a "print preview" of some document or data in HTML, you know how frustrating it can be to ensure things will print consistently on one page.

This package aims to take the guesswork out of setting the right dimensions for each page in your document so you can focus on just laying out your content.

What you get is your content laid out across various pages which when printed or saved to PDF from your browser will result in a document identical to your preview. Even better, when paired with something like [Browsershot](https://github.com/spatie/browsershot), you can craft intricate, professional looking layouts using the power of Flexbox and snapshot them into beautiful looking PDFs.

Requirements
------------

[](#requirements)

- Laravel 8.x
- Tailwind CSS 2.x

Supported browsers: Chrome, Brave, Firefox

Installation
------------

[](#installation)

```
composer require vectorwyse/laravel-printable-components
```

Usage
-----

[](#usage)

The package provides you with two components designed to be used together:

```

      {{-- Your content --}}

      {{-- More content --}}

```

By default, this will output a "print preview" of pages in letter size and portrait orientation.

You can add as many pages as you like and the content will stay within their respective pages-- even when printing via the browser, or when saving as a PDF.

NOTE: You should ensure that your print settings match your document settings. e.g. If your document component is set to "letter" and "portrait" then your browser's print settings should also be set to "letter" and "portrait."

Document ``
---------------------------------

[](#document-x-printabledocument)

This component renders a "Print Preview" style container, and should come right after the `` tag.

### Paper size

[](#paper-size)

You can specify the paper size by passing the `size` parameter:

```

      {{-- I'm a legal page --}}

```

Currently supported sizes are: `letter|legal|a4`.

### Paper orientation

[](#paper-orientation)

You can specify the paper orientation by passing the `orientation` parameter:

```

      {{-- I'm a legal & landscape page --}}

```

Supported orientations are: `portrait|landscape`.

### Styling

[](#styling)

By default, the following tailwind classes are applied:

`flex flex-col items-center bg-gray-400 py-6 space-y-6`

You are free to adjust this by adding your own classes:

```

    ...

```

Page ``
-------------------------

[](#page-x-printablepage)

This component renders a `section` element with the proper height & width set to simulate a page. Any content you place within this component will within its own page when printing or saving to PDF.

All pages within a document inherit the same size and orientation settings.

### Styling

[](#styling-1)

By default the following tailwind classes are applied:

`overflow-y-hidden bg-white border border-gray-700 shadow-2xl`

You are free to adjust this by adding your own classes:

```

    ...

```

Support Us
----------

[](#support-us)

[Vectorwyse](https://vectorwyse.com) is a web development agency specializing in data-driven web apps. We love building things with the [TALL stack](https://tallstack.dev/), so when we have an opportunity to give back to the community, we're super excited!

If you find this package useful, or if you would like us to build something for you, feel free to [drop us a line!](mailto:hello@vectorwyse.com)

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity30

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/4dcf578e60ccbe9e62ece1c56df737c8a5bddb421a124b8eabc0d8e8b23e6136?d=identicon)[vectorwyse](/maintainers/vectorwyse)

---

Top Contributors

[![anthonywkchan](https://avatars.githubusercontent.com/u/1471319?v=4)](https://github.com/anthonywkchan "anthonywkchan (9 commits)")

### Embed Badge

![Health badge](/badges/vectorwyse-laravel-printable-components/health.svg)

```
[![Health](https://phpackages.com/badges/vectorwyse-laravel-printable-components/health.svg)](https://phpackages.com/packages/vectorwyse-laravel-printable-components)
```

###  Alternatives

[phpoffice/phpspreadsheet

PHPSpreadsheet - Read, Create and Write Spreadsheet documents in PHP - Spreadsheet engine

13.9k293.5M1.2k](/packages/phpoffice-phpspreadsheet)[spatie/browsershot

Convert a webpage to an image or pdf using headless Chrome

5.2k32.1M100](/packages/spatie-browsershot)[smalot/pdfparser

Pdf parser library. Can read and extract information from pdf file.

2.7k34.5M216](/packages/smalot-pdfparser)[barryvdh/laravel-snappy

Snappy PDF/Image for Laravel

2.8k24.8M48](/packages/barryvdh-laravel-snappy)[openspout/openspout

PHP Library to read and write spreadsheet files (CSV, XLSX and ODS), in a fast and scalable way

1.1k57.6M128](/packages/openspout-openspout)[keboola/csv

Keboola CSV reader and writer

1451.8M21](/packages/keboola-csv)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)