BentoCraft Pro - Bento Grid Generator

Generate aesthetic Bento Grid layouts with 15 algorithms, Pro Color Studio, and 1-click export to Illustrator JSX & SVG.

🍱 BentoCraft Pro is a Bento Grid & UI layout generator for designers, vector artists, and front-end developers. Generate clean, production-ready Bento layouts in seconds, right inside Chrome. Use it for UI card layouts, product showcases, portfolio sections, or stock-ready vector assets. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📐 15 LAYOUT STYLES - Bento, Uniform, Abstract, Mondrian, Fibonacci (golden spiral), Recursive, Masonry, Mosaic, Partition, Rectangles, SaaS Dashboard, Mobile 9:16 - Organic Stone, Hybrid Tech, and Angular Slash (irregular polygon layouts) - Seed system: every design has a deterministic seed number, so you can recreate any grid exactly. 🎨 COLOR STUDIO (160+ CURATED PALETTES) - Hundreds of designer-curated color schemes - Interactive Color Wheel with harmony modes - Image Color Extractor: drag and drop an image to pull a dominant palette - Color Mixer and Shades/Tints generator - Export swatches as Swatch Exchange (.ASE) or an Illustrator JSX swatch script ⚡ ILLUSTRATOR & VECTOR EXPORT - Extend Script (.jsx): native vector rectangle and squircle paths for Adobe Illustrator - Layered SVG with squircle paths, clean IDs, and optional background - High-resolution PNG (up to 3x scale) with transparent background option - 1-click Copy SVG: paste straight into Illustrator or Figma 💻 DEVELOPER CODE EXPORT - Tailwind CSS grid markup - Standalone CSS Grid + HTML - React JSX Bento component - Copy or download from the built-in code studio ❤️ FAVORITES - Bookmark any layout with one click and restore it later from your local gallery. 🖥️ FULL-SCREEN CANVAS - Click the toolbar icon to open a clutter-free canvas tab for layout prototyping and exports. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Requests no browser permissions. - Runs entirely locally: no data collection, no trackers, no telemetry, no external scripts or fonts. - Favorites and custom colors are stored only on your device. - The only outbound links (support page, feedback email) open when you click them. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ☕ SUPPORT & FEEDBACK ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Free, with all features unlocked. Optional tip link inside the app. - Questions or feature requests: metagenpro@gmail.com