Flocci Bento use case

Build your portfolio as a bento grid

A portfolio bento grid presents your work as a single composed board — project tiles of different sizes, an about panel, a skills chart and a device mockup showing your best build. In Flocci Bento you design it free on a drag-and-drop 12-column grid and export it as an image or PDF, or share it with a link.

  • Designers
  • Developers
  • Photographers
  • Freelancers

Why bento beats a scrolling portfolio

Recruiters and clients give a portfolio seconds. A bento board puts everything in one viewport: your name and role in a hero tile, four to six projects at deliberate sizes (big tile = flagship work), a chart panel for skills or stats, and a laptop or phone mockup literally showing your product in a frame. Size is hierarchy — you decide what gets seen first.

A practical recipe

Start from the Minimal Grid or Keynote template. Give the hero tile your name, one-line positioning and a portrait with the in-app crop tool. Allocate one large tile per flagship project with a screenshot, and small tiles for secondary work. Add a device mockup panel for your best interface, tilt it for depth, and finish with a contact tile. Export a 2x PNG for your bio and a PDF for applications.

Guest-first: no signup to start

You can build the whole portfolio as a guest — drafts live in your browser. When you sign up (free), your local design and images migrate automatically into a cloud project with autosave, undo history and version snapshots, so nothing is ever redone.

Frequently asked questions

Is the portfolio builder free?

Designing, saving and browsing are always free, with founder credits pre-loaded for your first exports. There is no trial countdown and no card required.

Can I make a developer portfolio without design skills?

Yes — start from a template, keep the grid's proportions, and let panel variants (gradient, teal, purple, glass) handle the colour work. The 12-column engine keeps everything aligned automatically.

How do I show mobile apps in my portfolio?

Use the 3D device mockup element: place your screenshot inside a phone, tablet, laptop, monitor or browser frame and adjust tilt, perspective and shadow.

Can people view my portfolio online?

You can generate a tokenized share link for the interactive board, and export PNG/JPEG/PDF versions for bios, emails and applications.

Open the editor and build yours

Free to design, no card — founder credits included with every new workspace.

Start free