Portfolio engine
Photography Portfolio Platform for Studios and Solo Photographers
Build a professional photography portfolio on your own domain. Galleries, layouts, and a visual editor for presenting your strongest work.
GrapesJS editor
Portfolio blocks in the editor
Portfolio category blocks (plus Portfolio Hero and Before/After) are first-class in the visual editor—each exposes traits for media, layout, and presentation. Pick a block, then a layout mode, to see how the canvas preview maps to shipped behavior.
Layout / display modes (traits)
Portfolio
Public gallery URL
Dedicated portfolio pages
Every collection can live on your domain as a dedicated gallery page, easy for clients to bookmark, share, and return to. The layouts below show how proofing, archives, and portfolio marketing actually feel to visitors.
Design family
Layout
Selection-driven layouts with a main stage and thumb navigation.
Portfolio engine
Dedicated public gallery URLs with zero-runtime-latency rendering for premium photography and media delivery.
Organize collections into three design families—grid galleries, immersive browsing, and chronological timelines—each tuned for how clients review work.
Public portfolio pages →
Image pane paired with a caption reading pane. Long titles and descriptions stay visible beside the frame.
Motion presentation
Animated portfolio templates
When the set needs depth and movement, motion templates present your work with a clear hero frame. Same domain, same brand. The live previews below match what visitors see on published portfolio pages.
Presentation model
Template
Linear carousel layouts with depth and side previews.
Horizontal path with rotating side previews. The curved shelf drops slightly below stage so flanks read left and right.
What the Portfolio Engine Powers
Runtime and editor capabilities you lean on every week—the surfaces revenue and client trust ride on.
Media & presentation
Rendering engine
Grids, carousels, masonry, and hero storytelling share responsive srcsets, pagination, and performance defaults tuned for real galleries. Built for large libraries with predictable density and pace.
Media & presentation
Lightbox system
Geometry, presets, captions, thumbnails, zoom, and video paths behave the same in embeds, PDPs, and long-scroll marketing pages. So the viewing experience matches the craft of the work.
Distribution & scale
Embedding layer
One portfolio story runs on site pages, blogs, client surfaces, and commerce contexts with a shared renderer. Curate once; reuse everywhere the product connects.
Distribution & scale
Listing & large libraries
Portfolio Listing composes child embeds for each gallery; grid, list, and tab layouts keep navigation obvious as collections grow. Each child keeps its own display traits while the parent controls presentation.
Editor & product glue
GrapesJS composition
Blocks register with component types, trait sidebars, and canvas previews so authors configure behavior from the editor. The editor stays aligned with what ships.
Distribution & scale
Public gallery pages
Turn any media collection into a fully branded client destination using bespoke layout experiences engineered for specific business workflows. Choose from proofing layouts, chronological archives, or adaptive grids.
Before a connected platform
- Different gallery code on the marketing site vs. client delivery
- Lightbox that ignores phones, captions, or EXIF when it matters
- Embeds that break when you change one CDN URL
After you standardize here
- One portfolio renderer across embeds, site, and client-facing surfaces
- Lightbox behavior that matches the moment—review, spectacle, or mobile sheet
- Curate once; reuse layouts across embeds, site pages, and client-facing surfaces
High-performance presentation
YARL
Lightbox viewing
Captions, zoom, thumbs, and video paths for premium sets
Editorial-grade portfolio pages with smooth transitions and immersive viewing, built on motion, lightbox, and carousel primitives.
Swipe sideways for more
Gallery systems that publish and present
Workflows move a collection from URL to page to lightbox. Clusters hold layout, privacy, and presentation depth.
Publish a gallery URL
Turn on Public gallery, set a slug, tune layout under Settings → Portfolio (or override per collection), and share the live link for proofing or marketing.
Create Private for delivery; keep Public for marketing
At create, choose Private for client-only storage and portal or download delivery, or Public for site pages, embeds, and the CDN path. Storage is set at upload.
Compose in GrapesJS
Drop portfolio blocks into sections and columns; pick portfolios, layouts, and media from the trait panel.
Tune layout per block
Image Portfolio exposes grid, masonry, carousel, and hero; Portfolio Listing adds grid, list, and tab shells with child embeds for per-gallery display.
Open the lightbox
Presets, captions, thumbnails, counter, zoom, and video paths stay consistent whether the story lives on a PDP, blog, or marketing page.
Ship through the same pipeline
Saved page HTML, SSR markers, and hydrated React surfaces align so what you edit is what the public site renders.
Every layout is a decision about attention—grid, immersive, or chronological for how visitors should look.
- Presentation layouts
- Grid, masonry, carousel, hero, before/after, and video-forward.
- Focused viewing
- Split pane, book spread, and stage carousel for one-at-a-time review.
- Timeline sections
- Grouped by shoot date for archives and travel stories.
- Cover hero
- Full banner, short banner, or none—optional per collection.
- Pagination modes
- Built for large libraries—clarity over infinite scroll by default.
- EXIF & metadata
- Shown where it supports the story and stays out of the way when it doesn’t.
Marketing emails
Collectors do not refresh your site. Email them when there is something new.
Studio
Now
The new gallery is live.
See the work on the site.
The new gallery
The email links to the work on your own domain. They land in the gallery, not on a newsletter page with your logo pasted on it.
People who wanted to see it
Subscribers, not a list you bought.
What you can see afterward
The campaign shows how many went out and how many bounced. The subscriber list shows who asked to stop.
Continuity across the business
The difference isn't one feature. It's what happens when publishing, commerce, media, and delivery stop behaving like separate products or plugins.
Portfolios read as static pages
they read as experiences with intentional viewing geometry
Lightbox is a generic popup
it becomes a system with presets, captions, and performance you can trust
Galleries only exist as layout blocks inside a page builder
every media collection is natively capable of driving its own standalone, premium brand experience
Portfolios read as static pages
they read as experiences with intentional viewing geometry
Lightbox is a generic popup
it becomes a system with presets, captions, and performance you can trust
Galleries only exist as layout blocks inside a page builder
every media collection is natively capable of driving its own standalone, premium brand experience
Ready when you are
Compare plans, then bring this surface online with the rest of your creative operating system.