alexisdechiara / bento

A bento design SaaS for making beautiful layout

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

Renovate integration

Install Renovate GitHub app on your repository and you are good to go.

bento's Issues

Convert Nuxt UI Pro components to Custom components

• Hero Banner
• Pricing
• Feature cards
• FAQ
• Footer

Line Chart

Value of x axis can't be string in table chart

Copy, cut and duplicate items

Allow user to copy, cut and duplicate existing item in the grid

Re design item's options in grid

Check image for inspiration of wanted design

Edit items

Add the possibility to edit a created item

Scatter Chart

Image editor

Enhance the image modal by adding an image editor

Bar Chart

• Content
• Options
• Item
• Types and interfaces

Pie Chart

Deploy website with vercel

Chart items

Here all charts to add :

• Line
• Area
• Bar
• Scatter
• Pie

Customizable item

The user can create an item with the position of each element, including :

• Title
• Description
• Paragraph
• Subtitle
• Tags

Area Chart

Chart settings component

Add a custom component for chart settings allowing dynamic binding values for line, area, bar, etc.

Background color appear on title