Bentogridgenerator

Bento Grid Generator 🍱 is a web tool that generates layouts in bento grid format and allows you to copy it as native HTML+CSS or HTML+Tailwind to your clipboard.

Generate Convert Improve

Install / Use

/learn @xavirn89/Bentogridgenerator

About this skill

Quality Score

0/100

README

Bento Grid Generator 🍱

Bento Grid Generator is a web tool that generates layouts in bento grid format and allows you to copy it as native HTML+CSS or HTML+Tailwind to your clipboard.

Features

Generate bento grid layouts.
Copy the generated layouts in HTML+CSS or HTML+Tailwind format.
Minimalistic and user-friendly interface.

Installation

To get started with the Bento Grid Generator, clone the repository and install the dependencies:

git clone https://github.com/xavirn89/bentogridgenerator.git
cd bentogridgenerator
npm install

Usage

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Author

[Xavi Ramon Nicolau] https://github.com/xavirn89 https://www.xavirn.com/

License

This project is licensed under the MIT License.

Related Skills

node-connect

352.9k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

111.5k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

352.9k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

352.9k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。