Skip to content

bravohenry/openbento

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍱 OpenBento

The Open-Source Alternative to Bento.me - Free, Self-Hosted GitHub Project

Next.js React TypeScript License

Explore ShowcaseDocumentationView in 中文


� Documentation Mandate

⚠️ CRITICAL: Any change to functionality, architecture, or implementation patterns MUST be followed by updating the relevant ARCHITECTURE.md in affected directories.

This project uses a fractal, self-referential documentation system inspired by Gödel, Escher, Bach:

  • Every folder contains an ARCHITECTURE.md describing its contents
  • Every file contains header comments declaring @input / @output / @pos
  • Changes propagate upward: file → folder → module → root

Local affects global, global affects local.

📖 Detailed Documentation: See FRACTAL_DOCS.md for the complete fractal documentation system specification.


�📖 The Story

"Preserving the aesthetic that Linktree sunsetted."

OpenBento is the best open-source alternative to bento.me on GitHub. Born as a community response to the acquisition and sunset of bento.me, this project provides a free, self-hosted replacement that can never be shut down.

We believe the Bento design philosophy—modular, elegant, and personal—belongs to the open-source community. This project is a faithful recreation of that experience, built with modern web technologies (Next.js, React, TypeScript) for developers who want to own their corner of the internet.

Looking for a bento.me alternative? You've found it. This GitHub repository offers a complete, production-ready solution that preserves the beloved Bento aesthetic while giving you full control over your data and hosting.


✨ Design Philosophy

🌸 Modularity

Each card is a self-contained universe. Like a traditional bento box, components are independent yet perfectly cohesive when combined.

🎯 Simplicity

High information density without the noise. We follow the "Less is More" principle, ensuring every pixel serves a purpose.

🔄 Flexibility

From 1x1 to 2x2, our grid adapts to your content. Fully drag-and-drop enabled for ultimate creative freedom.

🎭 Elegance

Signature 27px rounded corners, double-border highlights, and Inter-driven typography for that premium feel.


🚀 Quick Start

Get your Bento page up and running in seconds:

npm install && npm run dev

🏗️ Core Architecture

  • BentoCard — The atomic unit of your layout. Supports 1x1, 1x2, 2x1, and 2x2 dimensions with a clean Compound Component pattern.
  • BentoGrid — A robust CSS Grid implementation that handles complex layouts and responsive breakpoints automatically.
  • Drag & Drop — Built-in interactive layout engine for effortless personalization.

🛠️ Tech Stack

Framework UI Logic Styling Animation
Next.js 16 React 19 Tailwind 4 Framer Motion

🌟 Why OpenBento? The Best Bento.me Alternative on GitHub

  • Open-Source Alternative to Bento.me — Free, self-hosted replacement that preserves the Bento.me experience
  • GitHub-First Project — Fully open-source, community-driven development on GitHub
  • Self-Hosted — You own your data. No Linktree account required. Deploy anywhere (Vercel, Netlify, your own server)
  • SEO Optimized — Semantic HTML and fast loading for better search engine ranking
  • Legacy Preservation — A replacement for bento.me that can't be sunsetted. Never lose your Bento page again
  • Premium Aesthetic — Precise recreation of the beloved modular UI with 27px rounded corners and elegant typography
  • Modern Tech Stack — Built with Next.js 16, React 19, TypeScript, and Tailwind CSS 4
  • Fully Customizable — Drag-and-drop editor, custom widgets, and complete design control

🔍 Keywords & Search Terms

OpenBento is discoverable as:

  • bento me alternative / bento.me alternative
  • bento me alternative github / bento.me alternative github
  • open source bento me / open source bento.me
  • bento me replacement / bento.me replacement
  • self-hosted bento page / self-hosted bento.me
  • bento linktree alternative / bento link in bio alternative
  • github bento page / github bento.me clone
  • free bento page builder / free bento.me alternative

Made with ❤️ for the Bento community

GitHubShowcaseTwitter

⭐ Star this repo if you're looking for a bento.me alternative!

About

Cloned Bento.me, since it is going to sunset...

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors