Flocci Bento — content catalog

What is a bento grid?

A bento grid is a modular web-design layout that arranges content into distinct rounded tiles of different sizes on one underlying grid — named after compartmentalised Japanese bento lunch boxes. Popularised by Apple's product keynotes in the early 2020s, it lets viewers scan mixed content (text, images, charts, stats) quickly because every item has its own clearly bounded compartment.

Where the bento grid comes from

The name is literal: a bento box holds rice, protein and sides in tidy compartments of different sizes. Interface designers borrowed the idea for dashboards and marketing pages, and Apple's keynote feature-summary slides — a wall of rounded tiles, one feature per tile, sizes signalling importance — made it a mainstream design grammar. Today bento grids appear in product landing pages, portfolios, app dashboards and launch announcements.

Anatomy of a good bento grid

Under every bento composition sits a uniform grid — commonly 12 columns. Tiles span different column/row counts, which is where the visual interest comes from, but they always align to the same tracks, which is where the calm comes from. Good bento design uses size as hierarchy (biggest tile = most important message), keeps gaps consistent (Flocci Bento defaults to 12px), rounds corners uniformly, and mixes content types — text, image, chart, quote — so adjacent tiles contrast.

Bento grid vs. ordinary CSS grid

Every bento grid is a grid, but not every grid is bento. An ordinary grid repeats equal cells (think photo galleries); a bento grid deliberately varies spans to create an asymmetric, editorial composition while preserving alignment. The compartment metaphor also implies each tile is self-contained — its own background, its own message — rather than cells of one continuous surface.

How to make one (without writing CSS)

You can hand-write CSS Grid, or use a visual editor. Flocci Bento gives you a drag-and-drop 12-column bento engine with six templates (Keynote, Product Showcase, Minimal Grid, Dashboard, Magazine, Pitch Deck), rich text, image, chart and device-mockup panels, and PNG/JPEG/PDF export — free to start, no card. Designers who need production CSS output are better served by code generators; Bento is for producing the designed artifact itself.

Why is it called a bento grid?

After Japanese bento lunch boxes, which hold different foods in tidy compartments of varying sizes — exactly how the layout holds different content types in differently-sized tiles.

Who made bento grids popular?

Apple, primarily — its keynote feature-summary slides used walls of rounded tiles and turned the pattern into a recognisable design language across the industry in the early 2020s.

How many columns should a bento grid have?

Twelve is the practical standard: it divides into halves, thirds, quarters and sixths, giving maximum layout flexibility. Flocci Bento's engine is 12-column by default with adjustable row height and gaps.

What content works in a bento grid?

Anything scannable: feature blurbs, stats, charts, screenshots in device frames, quotes and photos. The format rewards mixing types so neighbouring tiles contrast.

Where can I make a bento grid for free?

Flocci Bento (bento.flocci.in) — a free-to-start online bento grid maker with templates, charts, device mockups and PNG/JPEG/PDF export.

How to make a bento grid — step by step, no code

To make a bento grid: open a free editor like Flocci Bento, pick a template close to your goal, decide your hierarchy (biggest tile = main message), write real copy into panels, add one chart or device mockup for depth, tune colours with panel variants, and export as PNG, JPEG or PDF. The whole flow takes 15–30 minutes and needs no code or account to start.

1. Pick a template. Start from the template nearest your job: Keynote or Product Showcase for launches, Dashboard for metrics, Pitch Deck for one-pagers, Magazine for editorial digests, Minimal Grid to build freeform. Templates carry proven composition so you never face a blank canvas.
2. Decide the hierarchy first. Before typing, decide the single most important message — it gets the biggest tile. Bento design is hierarchy made visible; if everything is the same size, nothing is important.
3. Write real copy into panels. Replace placeholders with your actual headlines and one-line descriptions. Text panels support font families, weights, letter spacing, alignment and glow — headline tiles should look like headlines.
4. Drop in images and crop in place. Enable images on panels that need screenshots or photos; crop, rotate and filter them inside the editor so they fill their compartments cleanly.
5. Add one chart or device mockup. One vector chart (pie, donut, bar, line or area with your real data) or one 3D device mockup (laptop, phone, tablet, monitor, browser with tilt and perspective) lifts the board from 'text tiles' to 'designed artifact'. Resist adding five.
6. Tune colour with panel variants. Cycle panels through the built-in variants — base, gradient, teal, purple, accent, glass — so adjacent tiles contrast. Consistent gaps (12px default) and uniform corner radii keep the composition calm.
7. Export or share. Export PNG or JPEG at 2x for feeds and docs, PDF for email and print, or generate a tokenized share link so others view the interactive board. Your work autosaves with undo history and restorable versions.

Common bento grid mistakes

Equal-sized everything (kills hierarchy), too many colour variants (kills calm), text crammed to tile edges (kills the compartment feel), and decorative charts with fake data (kills trust). Fix by choosing one hero tile, limiting to two or three variants, letting padding breathe, and charting only numbers you can defend.

Doing it in CSS instead

If you need a live web page rather than an exported artifact, CSS Grid with grid-template-columns: repeat(12, 1fr) and per-tile column/row spans is the standard approach, and code-output tools exist for scaffolding it. Use a visual maker when the deliverable is the graphic itself — a launch image, one-pager, recap or portfolio board — which is Flocci Bento's territory.

Can I make a bento grid without coding?

Yes — visual editors like Flocci Bento handle the grid engine; you drag, type and export. No HTML or CSS involved.

How long does it take?

Starting from a template, a presentable board takes 15–30 minutes; most of that is writing honest copy, not fighting layout.

What size should I export?

Exports render at 2x scale, which is sharp for LinkedIn, X, Product Hunt, blog posts and print-adjacent PDF use.

Do I need an account?

Not to start — guest mode keeps drafts in your browser and migrates them to a free cloud workspace when you sign up.

Is there an AI shortcut?

The built-in AI assistant can rewrite panel copy and suggest layout adjustments; text-to-image generation can fill image tiles. AI usage draws credits from the shared Flocci wallet.

Keynote — the Apple-style bento grid template

The Keynote template is a 10-panel bento grid on a 12-column canvas: a wide 6-column hero flanked by a tag panel, a tall right-hand feature rail, and image-ready cards below. It is the closest layout to the bento slides Apple popularised in its product keynotes, and it is free to edit online.

What's inside the Keynote layout

Keynote opens with a 3-column intro card and a 6-column gradient hero across the top row, balanced by a tall 3-column feature panel on the right edge. The middle band pairs a tall left feature with a large 6-column centre stage, while the right rail stacks a compact feature, a title strip and a third feature. Two image-ready panels close the composition at the bottom. All ten panels sit on a 12-column grid with 80px row height and 12px gaps — the same proportions Apple-style bento slides use.

How to make it yours

Every panel is fully editable: swap the placeholder titles for your product's real feature names, drop screenshots into the image zones (crop and filter them in-app), and recolour panels across the gradient, teal, purple and base variants. Need a chart or a device frame? Insert a Recharts vector chart or a 3D laptop/phone mockup into any panel. When it reads right, export the whole board as a 2x PNG, JPEG or PDF.

Is the Keynote bento grid template free?

Yes. Open Flocci Bento, pick the Keynote template and edit it without an account — designing and saving are always free. Credits from your free founder allowance are only spent when you export or use AI features.

Can I recreate an Apple keynote bento slide with this template?

That is what it is built for: a wide hero, asymmetric feature cards and image zones on a 12-column grid mirror the bento composition Apple uses in product keynotes. Replace the placeholders with your features and screenshots and export at 2x resolution.

What export formats does the Keynote template support?

PNG, JPEG and PDF, all rendered at 2x high-resolution scale — sharp enough for slide decks, blog headers and social posts.

Can I add charts or device mockups to the Keynote template?

Yes. Any panel can hold a vector chart (pie, donut, bar, line, area) or a 3D device mockup (laptop, monitor, phone, tablet, browser) with tilt and perspective controls.

Product Showcase — hero banner plus six feature cards

Product Showcase is a 7-panel bento template: one full-width gradient hero across all 12 columns, a row of three equal 4-column feature cards, then an asymmetric bottom row (one 6-column card and two 3-column cards). It is the fastest way to present a product and its top six features in one exportable graphic.

Why a hero-plus-six structure works

Most products have one headline promise and a handful of supporting features. This template encodes that hierarchy directly into the grid: the 12-column hero carries the promise, the three uniform cards beneath carry your strongest features, and the asymmetric bottom row lets one feature breathe wider while two smaller cards finish the story. Viewers scan it in seconds — which is exactly what a launch graphic must survive.

From placeholder to launch-ready

Rename the hero, write one-line descriptions into each feature card, and mix panel variants (purple, teal, accent, base) so adjacent cards never blur together. Two cards ship image-ready for screenshots. Add a donut chart for a stat, or a phone mockup showing your app, then export as PNG for social, JPEG for docs or PDF for investors.

What is the Product Showcase template best for?

Presenting one product and up to six features in a single scannable graphic — launch posts, feature-release announcements, landing-page sections and app marketing visuals.

Can I change the number of feature cards?

Yes. The grid is fully editable: duplicate, delete or resize any card. Every panel snaps to the 12-column grid, so the layout stays balanced as you add or remove features.

Does it work for social media sizes?

The board exports as a high-resolution image you can crop or place into any post format. Wide bento boards work especially well as LinkedIn and X announcement images.

Do I need an account to use this template?

No. You can design as a guest; your work is kept locally and migrates automatically to a free cloud workspace when you sign up.

Minimal Grid — a clean 2×2 bento layout

Minimal Grid is the simplest template in Flocci Bento: four equal 6-column panels in a 2×2 arrangement, two of them image-ready. Use it when you have exactly four things to say — four values, four projects, four steps — and want whitespace to do the talking.

The case for four panels

Bento design is usually celebrated for asymmetry, but a strict 2×2 grid has its own power: perfect balance, zero visual hierarchy games, and nowhere for weak content to hide. Each panel spans 6 of the 12 columns and 4 rows, so all four ideas get identical weight. Panels A and D ship image-ready; B and C carry the purple and teal variants so the square never feels flat.

Ways teams actually use it

Designers drop four portfolio pieces in and export a PNG for their bio. Founders use it as a four-quadrant strategy snapshot. Photographers use the image zones for a mini series. Because it is the lightest template, it is also the best starting point when you would rather build your own composition panel by panel.

Can I turn the 2×2 into a 3×3 bento grid?

Yes — add panels and resize them; everything snaps to the 12-column engine. The template is a starting composition, not a constraint.

Is Minimal Grid good for a link-in-bio style page?

It is a great base for a compact profile graphic: four tiles for your work, socials, current project and contact. Export it as an image or share the board with a link.

Which panels support images?

In the default build, the top-left and bottom-right panels are image-ready, and you can enable images (with cropping and filters) on any panel.

Is this template really free?

Yes — open it, edit it and save it without paying. Free founder credits cover your first exports; further export/AI usage draws from the shared Flocci credit wallet.

Dashboard — sidebar, main stage and metric widgets

The Dashboard template arranges five panels the way real analytics products do: a tall 3-column glass-effect sidebar, a 9-column gradient overview stage, and three 3-column metric widgets underneath. Use it to mock up a product dashboard or to publish a real KPI snapshot with live-editable vector charts.

Built like a real analytics screen

The 3-column sidebar (rendered in the glass variant) reads as navigation, the wide OVERVIEW stage carries your headline number or hero chart, and the three widget cards are sized for a revenue chart, a growth curve and an activity list. Because Flocci Bento charts are real Recharts vectors — pie, donut, bar, line, area with editable data points — your 'mockup' can carry actual numbers, not lorem-ipsum sparklines.

From screenshot culture to designed reports

Teams usually screenshot their BI tool and paste it into a doc. This template replaces that: type your real metrics into chart panels, keep the board in a shared project your team can edit (owner/editor/viewer roles), and export a clean PDF every month. Version snapshots mean last quarter's report is always restorable.

Can the dashboard charts show my real data?

Yes. Charts are vector Recharts elements whose data points you edit directly in the panel — pie, donut, bar, line and area types are available.

Can my team edit the dashboard together?

Projects support membership roles (owner, editor, viewer) and tokenized share links, with version snapshots you can restore. Edits sync across devices with conflict detection.

Is this a live BI dashboard or a design?

It is a designed board, not a data-connected BI tool — you enter the numbers you want to show. That makes it ideal for curated snapshots, mockups and reports rather than real-time monitoring.

What is the glass panel variant?

A translucent panel style used for the sidebar in this template — one of several variants (base, gradient, teal, purple, accent, glass) you can apply to any panel.

Magazine — an editorial, asymmetric bento layout

Magazine is a 6-panel editorial layout: a large 8-column featured story with image, a right-hand sidebar stacking Editor's Pick and Trending panels, two article cards and a dedicated pull-quote panel in the accent variant. It brings newspaper hierarchy to a bento grid — one lead story, several supporting reads.

Editorial hierarchy on a grid

Print editors solved information hierarchy long before web design did: one dominant story, a rail of secondary items, and a quote to break the rhythm. This template transplants that logic — the FEATURED panel takes 8 of 12 columns and 5 rows, the PICKS and TRENDING sidebar panels stack beside it, and two CATEGORY article cards share the bottom band with a pull-quote panel that ships with a real typographic quote slot.

For writers, curators and community teams

Use it to turn a newsletter issue into a shareable graphic, to present your five best posts of the month, or as a recurring 'what we shipped' digest. Rich text panels support font families, weights, letter spacing and glow, so headlines actually look like headlines. Export the finished edition as PNG for social or PDF for email attachments.

Who is the Magazine template for?

Writers, newsletter authors, community managers and marketing teams who publish recurring digests and want an editorial-looking graphic instead of a plain list of links.

Can I change the pull-quote?

Yes — the quote panel is a normal text panel in the accent variant; edit the quote, the attribution and all typography (font, weight, spacing, glow).

Does the featured story support an image?

Yes, the 8-column FEATURED panel is image-ready with in-app cropping, rotation and filters, and any other panel can enable images too.

Can I keep reusing it every week?

Duplicate the project each issue, or edit in place — version snapshots preserve past editions, and autosave plus undo history protect work in progress.

Pitch Deck — your one-page investor story

Pitch Deck compresses an investor narrative into seven panels: a full-width hero for the company promise, three metric tiles for traction numbers, side-by-side Problem and Solution panels, and a full-width call-to-action strip. It is a one-page bento alternative to a 15-slide deck — and it exports as PDF.

The one-page deck structure

Investors skim. This template forces the discipline of a one-pager: promise (hero, 12 columns), proof (three 4-column METRIC tiles for numbers like revenue, users, uptime), pain and answer (6-column PROBLEM and SOLUTION panels side by side, solution image-ready for a product shot) and the ask (a 12-column CTA strip). Swap the placeholder figures for your real traction and the story tells itself top to bottom.

Why founders use a bento one-pager

A designed one-pager travels better than a deck: it survives being pasted into WhatsApp, email and notion docs without losing its narrative. Export a 2x PDF for data rooms or a PNG for a demo-day screen. Because Flocci Bento is free to start with founder credits, you can produce an investor-grade page without touching PowerPoint, Figma or a designer's calendar.

Can I really replace a pitch deck with one page?

For first contact, yes — a one-pager with promise, traction metrics, problem/solution and an ask is often more effective than a full deck. Keep the long deck for the meeting; send the bento one-pager to get it.

Does it export to PDF for investors?

Yes — PDF, PNG and JPEG at 2x resolution. PDF is the usual choice for email and data rooms.

Can I show real charts instead of number tiles?

Yes. Replace any metric tile with a vector chart panel — a line chart of MRR growth or a donut of revenue mix — with data points you edit directly.

Is there an AI assist for the copy?

Yes. The built-in AI assistant can rewrite panel copy in a chosen tone and propose layout adjustments; AI usage draws from your Flocci credit wallet.

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.

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.

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.

Make your product launch graphic look like a keynote slide

A launch bento graphic packs your announcement — headline, top features, one stat and a product shot in a device frame — into a single scannable image. Flocci Bento's Keynote and Product Showcase templates give you the Apple-style composition; you edit the panels and export a 2x PNG for Product Hunt, LinkedIn or X.

Stop sending flat screenshots

Most launch posts are a raw screenshot with a caption. The launches that get shared look designed: a bento composition with a bold claim in the hero, three or four feature cards, a metric tile and the product rendered inside a tilted laptop or phone mockup. That grammar — popularised by Apple keynotes — signals a serious product before anyone reads a word.

The 15-minute launch graphic

Open the Product Showcase template, write your announcement into the hero, name your best features in the cards, and drop screenshots into the image zones (crop in-app). Add one donut or bar chart if you have a number worth bragging about. Use the AI assistant to tighten the copy. Export PNG at 2x — it stays sharp on retina feeds — and reuse the same board for the changelog and the email.

What size should a launch graphic be?

Design the board freely — exports render at 2x resolution, which comfortably covers LinkedIn, X and Product Hunt gallery images. Wide boards crop cleanly to 1200x630 link-preview format.

Can I make launch graphics without a designer?

Yes — templates carry the composition, panel variants carry the colour system, and the grid engine keeps alignment perfect. You only supply words and screenshots.

Can AI help write the announcement copy?

The built-in AI assistant rewrites panel copy in the tone you pick and can propose layout adjustments. AI usage is metered through your shared Flocci credit wallet.

Can my team review before I post?

Share the project with your team as editors or viewers, or send a tokenized share link. Version snapshots keep every revision restorable.

Investor updates people actually read

An investor-update bento board replaces the monthly wall-of-text email: metric tiles for MRR, users and runway, a real line chart of growth, a wins panel, a challenges panel and an asks panel — one page, exported as PDF or PNG. In Flocci Bento the charts are editable vectors, so numbers stay crisp.

The update that survives a phone screen

Investors read updates on phones between meetings. A designed one-pager — headline metrics up top, one growth chart, three short panels for wins, challenges and asks — lands in ten seconds what a 900-word email never will. The Dashboard and Pitch Deck templates are both natural starting points; keep the same board and update the numbers each month.

Real charts, restorable history

Metric tiles are text panels with big type; growth curves are Recharts line or area charts whose data points you edit each month. Because projects keep version snapshots, your January board is always restorable while the live one shows June — a monthly cadence with zero file naming (`update_final_v3.pdf`) pain.

What should an investor update one-pager contain?

Headline metrics (revenue, users, runway), one growth chart, wins, challenges and specific asks. The bento format gives each its own panel so nothing is buried.

How do I send it?

Export as PDF and attach it, or export PNG and inline it in the email body. Many founders do both: PNG in the body, PDF attached.

Can I keep the same design every month?

Yes — edit the numbers in place and re-export. Version snapshots preserve each month's edition; duplicating the project also works if you prefer separate boards.

Is my data private?

Projects are private to you and the members you invite (owner/editor/viewer roles). Share links are tokenized URLs you control.

A startup one-pager in bento format

A startup one-pager condenses your pitch — promise, traction, problem, solution, ask — onto a single designed page. Flocci Bento's Pitch Deck template maps each of those to a panel on a 12-column grid; you fill in real numbers and export a 2x PDF that travels through email, WhatsApp and data rooms intact.

One page, five jobs

The one-pager has to introduce, prove, explain, differentiate and ask — in one viewport. Bento structure assigns each job a panel: a hero for the promise, three metric tiles for proof, problem and solution panels side-by-side for the explanation (drop a product screenshot into the solution panel), and a CTA strip for the ask. The grid's asymmetry keeps it looking designed, not templated.

Iterate without a designer

Because everything is a draggable panel, you can restructure the story in minutes when the pitch evolves — no PowerPoint alignment fights, no waiting on a designer. The AI assistant tightens the copy; undo history and version snapshots make experimentation safe. Export PDF for formal sends and PNG for chat apps.

One-pager or full deck — which do investors prefer for cold outreach?

For a first touch, a strong one-pager usually outperforms a deck attachment: it loads instantly, reads in seconds and earns the meeting where the full deck belongs.

Can I make it without any design tools experience?

Yes. Start from the Pitch Deck template, type into panels, and the 12-column grid handles alignment. Panel variants give you a coherent colour system out of the box.

What formats can I export?

PDF, PNG and JPEG at 2x resolution. PDF is standard for investor email; PNG pastes cleanly into WhatsApp and Slack.

Does it cost anything?

Designing is free and new workspaces include founder credits that cover initial exports; further usage draws from the shared Flocci wallet (Pro ₹499, Pro+ ₹2,999 platform-wide).

Bento infographics built for the feed

A bento infographic organises a story — stats, steps, comparisons — into tiles a feed-scroller can parse in two seconds. Flocci Bento gives you real vector charts (pie, donut, bar, line, area), display typography with glow effects and image panels on one grid, exporting 2x PNGs that stay sharp on retina screens.

Why bento infographics outperform walls of text

Feeds reward images that promise fast information. The bento grammar — one bold claim, tiles of supporting stats, a chart, a quote — reads as 'dense but organised', which earns the pause. Because Bento charts are vectors with editable data, your numbers render crisply instead of looking like stretched screenshots from a spreadsheet.

A repeatable content system

Build one board per recurring format: 'monthly stats', 'how we did X', 'tool stack'. Duplicate, swap the data, export. Text panels support font families, weights, letter spacing and glow for headline punch; image panels take photos with in-app crop and filters. The consistency compounds — followers start recognising your grid before they read your name.

Which platforms do bento infographics work best on?

LinkedIn and X reward wide, information-dense images; Instagram favours square crops. Design once and export 2x PNG — the resolution covers all three.

Can I chart real data?

Yes — pie, donut, bar, line and area charts with data points you edit directly in the panel. No spreadsheet screenshots needed.

Is there a free way to make infographics here?

Yes: designing is free without a card, and founder credits included with every new workspace cover your first exports.

Can AI generate images for my infographic?

The AI assistant can generate text-to-image assets and rewrite your copy; usage is metered in credits from your shared Flocci wallet.

A bento-style profile board for your bio

Flocci Bento lets you design a link-in-bio style grid — profile tile, project tiles, social handles, a current-focus panel — with far deeper design control than hosted bio tools: full typography, charts, device mockups and image filters. You share the board via a tokenized link or export it as an image; it is a design studio, not a hosted username page.

Design-first, not list-first

Hosted bio tools give you a vertical list and a theme picker. A bento profile board gives you composition: your name and face in a hero tile, your three best works at different sizes, a tile per social handle, and a 'now' panel for what you're building. Every font, colour, crop and shadow is yours to set — the profile looks authored, not configured.

Honest scope: how sharing works

Flocci Bento is a builder with share links and exports — it does not host a public username URL like linktr.ee/you or the old bento.me/you. Generate a share link for the interactive board, or export a PNG for your actual bio field and pin the link where you need it. If you want a hosted bio page with analytics, a dedicated bio host is the right tool; if you want the best-looking profile board, this is.

Is Flocci Bento a bento.me replacement?

For the design half, yes — the grid editor is far deeper than bento.me's block picker was. It does not host public username pages; you share boards via tokenized links or exports instead.

Can I put my social links on the board?

Yes — tiles can carry your handles and URLs as styled text; viewers of a shared board see exactly the board you designed.

What happened to bento.me?

Bento.me shut down on February 13, 2026 following its acquisition by Linktree; its pages now redirect to Linktree. See our comparison page for a factual breakdown and migration ideas.

Is it free?

Designing and saving are free with no card; founder credits cover early exports, and further usage draws from the shared Flocci wallet.

Weekly team snapshots, designed like a product

A team dashboard snapshot is a curated bento board of the week's numbers: metric tiles, a chart or two, shipped items and blockers. Unlike a live BI screen, it is edited by humans for humans — Flocci Bento adds collaborative roles, version history and clean PDF/PNG export so the snapshot ships on schedule.

Curated beats live for communication

Live dashboards answer ad-hoc questions; snapshots tell a story. The Dashboard template's structure — sidebar, overview stage, three widgets — maps neatly to 'context, headline, details'. An editor updates the chart data and notes each week; viewers get the same board every time, so week-over-week comparison is effortless.

Built for multiple hands

Invite teammates as editors or viewers; edits sync across devices with version-conflict detection, and snapshots are restorable if someone overwrites the wrong panel. Export the finished board as PDF for the client email or PNG for the all-hands deck — same source, both formats.

How is this different from Grafana or a BI tool?

BI tools render live queries; Flocci Bento renders what you type and chart by hand. That is the point — a snapshot is an act of communication, curated and stable, not a moving target.

Can several people edit the same board?

Yes — projects support owner, editor and viewer roles, with multi-device sync, conflict detection and restorable version snapshots.

Can clients view without an account?

Send a tokenized share link for the board, or export a PDF/PNG — both need nothing installed.

What charts are available?

Pie, donut, bar, line and area vector charts with directly editable data points.

Turn your event into a bento recap

An event recap bento board combines the numbers (attendees, sessions, cities) with the feeling (photo tiles, a speaker quote, highlight cards) in one graphic. Flocci Bento's image panels with crop and filters plus chart and quote panels make the recap a 30-minute job, exported as PNG for social and PDF for sponsors.

Numbers plus atmosphere

A good recap proves the event mattered and makes absentees regret it. Use metric tiles for attendance and session counts, a bar chart for growth versus last edition, image panels for the three best photos (cropped and colour-filtered in-app), and the Magazine template's pull-quote panel for the line everyone repeated. The asymmetric grid keeps it lively where a photo collage would feel flat.

One board, three audiences

Export PNG for the social thank-you post, PDF for the sponsor report, and keep the shared board itself as the team's archive — version snapshots preserve each edition year over year. Community teams running recurring events duplicate last edition's board and update it in minutes.

What should an event recap include?

Headline attendance stat, two or three supporting numbers, the best photos, one quote and a thank-you/CTA tile. One board, one viewport.

Can I edit photos inside the tool?

Yes — crop, rotate, adjust opacity and apply vintage/dramatic colour filters on any image panel.

Can sponsors get a polished version?

Export a 2x PDF — resolution is print-friendly for reports and sponsor decks.

Is it free for community events?

Designing is free and founder credits ship with every workspace; typical recap usage (a few exports) fits comfortably in the free allowance.

A resume that reads like a product page

A bento resume presents you the way a product page presents software: a hero tile with your name and positioning, a donut or bar chart of skills, experience tiles sized by importance, and a device mockup of your best work. Designed in Flocci Bento and exported as a one-page 2x PDF, it stands out in stacks of Word templates.

Hierarchy is the whole trick

Recruiters skim top-left to bottom-right. A bento resume exploits that: your strongest asset gets the biggest tile. A frontend developer might give half the top row to a laptop mockup of their best interface; a data analyst might lead with a chart panel of real outcomes. Conventional sections (experience, education, contact) become right-rail tiles — present, but not fighting for attention.

When to use it (and when not to)

A visual resume shines where taste is part of the job — design, frontend, marketing, founding roles — and as a portfolio cover page. For ATS-scanned corporate pipelines, send the plain-text CV and attach the bento as the memorable second page. Export PDF for applications; PNG works as an email signature or profile banner.

Will a visual resume pass ATS screening?

Exported images and designed PDFs are not ATS-friendly — pair the bento resume with a standard text CV and use the visual version where humans look first.

How do I show skills honestly?

Chart real, defensible things — years per stack, projects shipped per technology — rather than invented percentage bars. Editable chart data makes this straightforward.

Can I fit everything on one page?

That constraint is the feature: the 12-column grid forces prioritisation. Use version snapshots to keep role-specific variants of the same board.

What does it cost?

Nothing to design; founder credits cover the export. No card required.

Show client work like a keynote, not a folder

An agency showcase board curates your best client work into one designed grid: case-study tiles with screenshots in device frames, a results chart with real numbers, a services panel and a contact CTA. Flocci Bento adds collaboration roles so the whole studio can maintain it, and exports for proposals and social.

The pitch-ready portfolio wall

Prospects don't open your case-study PDFs; they skim one screen. A bento showcase gives each flagship client a tile — logo, one result number, one visual in a browser or phone frame — with your positioning in the hero and services in a rail. The Magazine template's editorial asymmetry suits studios; Product Showcase suits productised agencies.

Maintained by the team, not one designer

Because boards are shared projects with owner/editor/viewer roles, account managers update result numbers, designers polish tiles, and everyone works from version-snapshotted history. Export a fresh PDF per proposal, or a PNG when the new-business post goes out on LinkedIn.

How many case studies should the board carry?

Four to six. Give the flagship double the area of the rest — tile size is your editorial voice.

Can we brand it to our agency?

Yes — full typography control (families, weights, spacing, glow), image filters, and panel colour variants let you match brand direction without CSS.

Can juniors edit without breaking the layout?

Panels snap to the 12-column grid with minimum sizes, and undo history plus version snapshots make any mistake reversible.

How do prospects see it?

A tokenized share link for the interactive board, or PDF/PNG exports inside proposals and emails.

Flocci Bento vs Bento.me — and what to do now that Bento.me is gone

Bento.me shut down on February 13, 2026 following its acquisition by Linktree; its profile pages now redirect to Linktree. Flocci Bento is not a hosted username-page service — it is a deeper bento grid design studio: a 12-column drag-and-drop editor with charts, device mockups, templates and PNG/JPEG/PDF export, free to start. If you loved designing your Bento.me grid, this is the editor half, upgraded.

Choose Flocci Bento to design richer bento boards you export or share by link. If you specifically need a hosted username URL with click analytics, use a hosted bio service — Bento.me itself is no longer an option.

Is Bento.me really shut down?

Yes — Bento.me announced closure after its acquisition by Linktree and went offline on February 13, 2026. Existing bento.me pages redirect to Linktree.

Can Flocci Bento host my bento.me-style public page?

No — Flocci Bento does not host public username URLs. You design a richer board, then share it via a tokenized link or export it as PNG/JPEG/PDF for your bios and posts.

How do I migrate my Bento.me content?

Recreate your grid in Flocci Bento's editor: a profile hero tile, tiles for each link or project, and image tiles for visuals — most profiles rebuild in under 30 minutes, with far more design control than the original.

Is Flocci Bento free like Bento.me was?

Designing and saving are free with no card; every new workspace includes founder usage credits, and only produced output (exports, AI) spends credits from the shared Flocci wallet.

Flocci Bento vs Linktree — different jobs, honest comparison

Linktree is a hosted link-in-bio platform: a mobile page of your links at linktr.ee/you, used by 70M+ creators, with paid tiers for customisation and analytics. Flocci Bento is a bento grid design studio: you compose launch graphics, portfolios and one-pagers on a 12-column canvas and export or share them. If you need a hosted click-through hub, Linktree wins; if you need designed visual artifacts, Flocci Bento wins.

Use Linktree to route bio clicks. Use Flocci Bento to design the visuals — launch bentos, portfolio boards, one-pagers — that a list format cannot express. Many creators use both.

Is Flocci Bento a Linktree alternative?

Only partially. It replaces Linktree where design is the point — visual profile boards, launch graphics, portfolios. It does not host a public username link hub or provide click analytics.

Which is better for creators in India?

They solve different problems, but Flocci Bento is India-first: INR credit pricing, one Flocci account across 30+ apps, and free designing with founder credits — no USD subscription required to produce professional graphics.

Can I make a grid layout in Linktree?

Linktree has added visual layouts and content blocks (including features inspired by its Bento acquisition), but it remains a structured bio page, not a free-form 12-column design canvas.

Can I use both together?

Yes — a common setup: design your profile/launch visuals in Flocci Bento, export PNGs, and use them inside your Linktree page and social posts.

Flocci Bento vs Carrd — bento boards vs one-page sites

Carrd is a lean builder for hosted one-page websites — landing pages, profiles, signup pages — with Pro plans from about $19/year. Flocci Bento is a bento grid design studio for producing visual artifacts: launch graphics, portfolio boards, pitch one-pagers with real charts and device mockups, exported as PNG/JPEG/PDF. Carrd outputs a live website; Bento outputs designed graphics and shareable boards.

Need a hosted landing page with a form? Carrd. Need an Apple-keynote-style visual for a launch, deck or profile? Flocci Bento. They complement more than they compete.

Is Flocci Bento a website builder like Carrd?

No — it does not host websites on custom domains. It is a design studio for bento-format visuals you export or share via link; Carrd is the better pick for a live hosted page with forms.

Which is cheaper?

Both are inexpensive. Carrd Pro starts around $19/year for hosted sites; Flocci Bento is free to design with founder credits, and you spend INR-denominated credits only on exports and AI output.

Why choose a bento board over a one-page site?

When the deliverable is an image or PDF — a launch post, investor one-pager, recap, portfolio graphic — a designed board travels through feeds, chats and email in ways a website URL cannot.

Can I embed a Bento export in my Carrd site?

Yes — export your board as PNG and place it in any site builder, Carrd included. That pairing is common.

Flocci Bento vs Canva for bento grids

Canva is a general-purpose design suite with an enormous template and asset library; you can assemble a bento-style graphic there by hand-aligning rectangles. Flocci Bento is purpose-built: a real 12-column grid engine where tiles snap, resize and reflow as a system, with bento templates, editable vector charts and 3D device mockups native to the canvas. For bento work specifically, the dedicated engine is faster and stays aligned by construction.

Canva wins for breadth — social templates, print, video. Flocci Bento wins for bento-grid depth: structural grid editing, chart tiles with real data, device mockups and a free-to-start INR credit model.

Can't I just make a bento grid in Canva?

You can, by drawing and aligning rounded rectangles manually. The difference is structural: in Flocci Bento the grid is the engine — tiles snap to 12 columns, resize as a system and never drift out of alignment.

Is Flocci Bento cheaper than Canva Pro?

For bento work, typically yes: designing is free with founder credits and you pay per output in INR credits, versus a recurring Pro subscription. For heavy general design needs, Canva's subscription buys its huge library.

Does Flocci Bento have stock photos?

No stock library — you upload your own images (with in-app crop/filters) or generate them with the built-in AI text-to-image assistant.

Which should a startup use for launch visuals?

If the launch visual is a bento composition — hero, feature tiles, stats, product-in-device — Flocci Bento produces it faster and more consistently. Keep Canva for everything else it is great at.

Flocci Bento vs tini.bio — hosted bio grid vs design studio

tini.bio is a hosted bio-link platform with grid layouts: a page at tini.bio/username built from link, image and content blocks, with a free tier and a Pro subscription (about $9/month as of July 2026). Flocci Bento is a design studio: a full 12-column bento editor with typography control, editable charts, 3D device mockups and 2x PNG/JPEG/PDF export. Hosting a bio URL is tini.bio's job; designing rich bento artifacts is ours.

Pick tini.bio if the hosted username page is the product you need. Pick Flocci Bento if you want deeper design — charts, mockups, full typography — and deliverables you export, print or share as boards.

Are Flocci Bento and tini.bio direct competitors?

Partly. Both serve people who loved Bento.me's grid aesthetic, but tini.bio hosts bio pages while Flocci Bento is a deeper editor for designed boards you export or share. The honest answer is: different primary jobs.

Which is better after Bento.me's shutdown?

If you mainly need your links hosted at a URL again, a hosted service like tini.bio fits. If what you actually loved was designing the grid, Flocci Bento gives you far more design control plus exports.

Is Flocci Bento cheaper?

For designing and exporting graphics, yes — free to design with founder credits and pay-per-output INR credits versus a ~$9/month subscription. For hosted-page needs the comparison doesn't apply.

Can I recreate my grid page as a Bento board?

Yes — rebuild your tiles in the editor with better typography and imagery, then export a PNG for bios or share the interactive board via link.

Flocci Bento vs Bento Grid Generator — quick tool vs full studio

Bento Grid Generator (bento-generator.com) is a free in-browser tool for arranging bento cards and exporting images or JSON — quick and privacy-friendly, with no cloud accounts. Flocci Bento covers that job and extends it into a studio: cloud projects with autosave and version history, team roles, editable vector charts, 3D device mockups, rich typography, AI copy/image assist and PDF export alongside PNG/JPEG.

For a one-off layout sketch, a quick generator is fine. For work you iterate on, share with a team, chart real data in, and export at deliverable quality, Flocci Bento is the fuller instrument — still free to start.

When is a simple generator enough?

When you need a quick one-off grid image with basic cards and no follow-up editing. Simple generators are genuinely good at that, and bento-generator.com is free.

What does Flocci Bento add over free generators?

Persistence and depth: cloud projects with versions, team collaboration, real chart tiles, 3D device mockups, full typography control, AI assist and PDF export — the difference between a sketch tool and a studio.

Is Flocci Bento also free?

Free to design and save with no card; founder credits cover early exports, then output spends INR credits from the shared Flocci wallet.

Can I get CSS code out of Flocci Bento?

No — Bento produces designed artifacts (images, PDFs, shareable boards), not production CSS. If you need code output, CSS-generator tools like MakeItGrid or BentoCSS serve that job.