Uhuu Components

Uhuu react components simplify printable document creation with configurable page attributes. Easily implement advanced features like pagination, bleeds, and spreads with precision and flexibility.

# Install uhuu components via npm
npm i uhuu-components

Let’s bring your documents to life! 🎨📄

Pagination Components

Static Pagination

For content that fits within defined page boundaries or requires fixed page breaks.
Static pagination maintains precise control over the document layout.

Use Case: Structured layouts like catalogs, brochures, and contracts.

Dynamic Pagination

Automatically flows content across pages, adding or removing pages as needed.
Dynamic pagination is ideal for handling variable-length content.

Use Case: Reports, invoices, or newsletters where content size changes dynamically.

Image Components

Image Bleed

Extends images beyond the trim edges into the bleed area to ensure clean edges after trimming.
Designed for professional printing where content must exceed the final cut line.

Key Feature: Automatically adjusts images to fill the bleed space.

Use Case: Borderless designs, posters, and full-page images.

Image Spread

Covers two facing pages with a single image for high-impact visuals.
Adds bleed to ensure proper alignment after cutting and binding.

Key Feature: Creates uninterrupted visuals across two pages.

Use Case: Magazine features, product showcases, and immersive storytelling.