FNJ

Animator portfolio website builder

An animation portfolio with the reel and the breakdowns

Studios reviewing animators want the reel first and the breakdowns second: what you animated, what you didn't, and how a shot evolved from blocking to final. FNJ's builder designs a portfolio with exactly that structure, plus character sheets, personal shorts and your credits, from your description and a reference you love.

Sample site with fictional names, made to show the kind of site the builder designs. Yours is designed from your description and the reference you choose.

The same sample at phone width. The builder designs every page at desktop, tablet and phone widths.

The sample, section by section

What an animator website needs

The sections the builder can design for you, and the job each one does. The starter prompt asks for these; add or drop any of them in your own words.

  1. 01

    Reel

    Your best work in under two minutes.

  2. 02

    Shot breakdowns

    Per-shot notes on your contribution.

  3. 03

    Characters

    Turnarounds, expressions and model sheets.

  4. 04

    Shorts

    Personal films with a still and a synopsis.

  5. 05

    Credits

    Studios, productions and roles.

  6. 06

    Contact

    Email and availability.

Sample photography from Unsplash by whyomywhy, loowinvernissi, sebastiansvenson and loganvoss.

Made for animators, not for everyone

Starter prompt

A prompt written for animators

It opens in the builder ready to edit. Replace the words in brackets with your own details, change anything else you like, then add a reference.

Reference to add

An animation studio's or animator's site whose personality matches your work.

The builder takes a reference's look (layout, type, palette, spacing), never its words or images.

Build an animator portfolio for [your name], a [2D / 3D / character] animator. Open with my reel as a full-width video and my name. Add a 'Shot breakdowns' section with six shots, each with a looping clip and a note on exactly what I animated, a 'Characters' section with model sheets, a 'Shorts' section with personal films, a credits section and a contact section. Playful but professional: a characterful rounded display font, a warm off-white background, bold colour accents and generous media.

How it works

  1. 01

    Describe your animator site

    Open the builder with the starter prompt, fill in your details and add a screenshot or link of a site you'd like yours to look like. A reference is required: it's what makes the design yours rather than a template.

  2. 02

    Watch it design every page

    The builder plans the pages, palette and type, then builds each page section by section on a canvas at desktop, tablet and phone widths while you watch.

  3. 03

    Refine it, then take the code

    Ask for changes in plain words or edit by hand, upload your own work, then download a Next.js project or static HTML, or push it to your GitHub, and host it where you like.

What it costs: From $25/month, or $29 once for 50 credits that never expire. No FNJ hosting fee: you host the exported site. See plans

Animators: questions

Can I show looping animation clips?
Yes: the video block can autoplay, loop and mute a clip you host, with a poster frame. GIFs work too as images, though video files are usually much smaller.
Should I include shot breakdowns?
Studios often ask what you did on each shot; a breakdown with a short note answers that before they ask. The starter prompt includes a section for it.
Can I show character turnarounds?
Yes, as images in a grid or a wide strip. Upload them and the builder fits them to the layout.
Can I link my ArtStation or Vimeo?
Yes, with buttons in the navigation, the contact section or beside each project.

Related portfolio builders

Put your reel and breakdowns together

The builder opens with your animator prompt filled in. You edit it, add a reference, and watch the first version take shape.