A developer toolkit that packs everything you need. Compartmentalized. Organized. Delicious.
Pick and choose what you need. Every module is self-contained. Import only what your project requires, nothing more.
import { grid, toast } from 'lunchbox'
Works out of the box. Sensible defaults that get you shipping, with deep customization when you need it.
Full TypeScript support with generics. Catch bugs before they ship.
Plugin architecture that scales. Build your own compartments.
Tree-shakeable to the bone. The full kitchen weighs 4.2kb gzipped. Individual modules from 200 bytes.
import { Lunchbox, Grid, Toast } from 'lunchbox'
const app = new Lunchbox({
theme: 'bento',
modules: [Grid, Toast],
responsive: true
})
app.compartment('main', {
layout: 'auto-fill',
gap: '1rem'
})
app.serve() // bon appetitnpm install lunchbox
One dependency. Zero peer dependencies. Works with any framework or none.
lunchbox.config.ts
Define your compartments. Set your theme. Auto-detects your stack and optimizes accordingly.
app.serve()
One call to launch. Hot-reloading in dev. Optimized builds in production. Bon appetit.
Start building with lunchbox in under 30 seconds.
npm install lunchbox
Developer Reviews
"Finally, a toolkit that doesn't try to boil the ocean. Each compartment does one thing perfectly."
"Replaced 6 dependencies with one lunchbox import. Bundle size dropped 40%. My manager thinks I'm a genius."