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.
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.
- 01
Reel
Your best work in under two minutes.
- 02
Shot breakdowns
Per-shot notes on your contribution.
- 03
Characters
Turnarounds, expressions and model sheets.
- 04
Shorts
Personal films with a still and a synopsis.
- 05
Credits
Studios, productions and roles.
- 06
Contact
Email and availability.
Sample photography from Unsplash by whyomywhy, loowinvernissi, sebastiansvenson and loganvoss.
Made for animators, not for everyone
01
Reel and shot breakdowns
Your reel up top, then a breakdown per shot saying exactly what you animated.
02
Process, frame by frame
Blocking, splining and final passes side by side, which is how studios judge animators.
03
Room for personal work
Shorts, character designs and sketches alongside client and studio credits.
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
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.
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.
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

Motion designers
A motion design portfolio that starts with the reel

Illustrators
An illustration portfolio art directors can browse in a minute

3D artists
A 3D portfolio that shows the render and the wireframe
More for video and visual creators
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.


