Film & Motion Portfolio

Film & Motion Portfolio

Featuredbeginner

A reel-driven portfolio for filmmakers and motion designers with embedded hero reel, project pages with video, stills gallery, and a private admin to add new projects.

portfoliofilmfilmmakervideographermotionvideocreativevisualdirector

What you'll configure

Your nameRequired

e.g. Sam Rivera

text
TaglineOptional

e.g. Director of photography · commercials & music videos

text
Work categories (comma-separated)Optional

e.g. Commercials, Music Videos, Short Films, Motion

text
Visual styleOptional
select
Extra requirementsOptional

e.g. Press kit downloads, festival selections list, BTS gallery

textarea

Example use case

“A filmmaker portfolio with a hero reel, project pages combining video and stills, and admin to add new work”

Prompt previewClick to expand
Create a film/motion portfolio for {person_name}. Tagline: {tagline}. Work categories: {categories}. Visual style: {style}.

Pages: Home (autoplay muted hero reel that fills the viewport + project tiles below), Work index (filterable grid of project tiles with poster image + hover preview), Project detail (large embedded video, role/year/client/format meta, stills gallery, credits list), About (bio + clients strip), Contact, and a sign-in protected /admin page for uploading new posters/stills and editing project metadata.

Use GenMB File Storage for poster + stills (<genmb-uploader accept='image/*' multiple folder='projects'>), GenMB Auth to gate /admin (window.genmb.auth - owner-only), and a GenMB PostgreSQL projects table (window.genmb.db.projects) with id, title, slug, category, year, client, role, format, video_url (Vimeo/YouTube embed URL), poster_url, stills_urls (JSON), credits (JSON), display_order, published_at.

Embed video via responsive 16:9 iframe (Vimeo/YouTube player). Lazy-load posters, autoplay reel muted with poster fallback. Stills gallery with full-screen lightbox (Esc, ArrowLeft/ArrowRight, swipe).

Seed the hero reel as Vimeo embed https://player.vimeo.com/video/76979871?background=1&autoplay=1&muted=1&loop=1 and seed 6 placeholder project posters using these exact Picsum URLs:
- https://picsum.photos/seed/film-still-1/1920/1080
- https://picsum.photos/seed/film-still-2/1920/1080
- https://picsum.photos/seed/film-still-3/1920/1080
- https://picsum.photos/seed/film-still-4/1920/1080
- https://picsum.photos/seed/film-still-5/1920/1080
- https://picsum.photos/seed/film-still-6/1920/1080

Dark mode default. Mobile responsive with 44x44 tap targets. URL-synced ?category= filter.

{extra}

Highlighted values like {variable} will be replaced with your inputs.

Fill in the fields and generate your app instantly

CategoryApp Starters
Difficultybeginner
Inputs5 fields
TypeFrontend
FrameworkReact
GenMB

Build apps with AI. Transform your ideas into reality.

Product

  • Features
  • How it works
  • Why GenMB
  • Pricing
  • Integrations

Solutions

  • Founders
  • Developers
  • Marketers
  • Educators

Use Cases

  • Prototyping
  • Internal Tools
  • Landing Pages
  • MVP Development

Explore

  • Showcase
  • Free Tools
  • Create New
  • Compare

Company

  • Team
  • Blog
  • Docs
  • Support

© 2026 GenMB. All rights reserved.

Privacy·Terms