UI
0

Bento Style for Astro

A modern and aesthetically pleasing template inspired by Bento UI. Built with Astro and optimized for performance and visual appeal.

t3ma
t3ma
Template Author
Bento Style for Astro
Astro Template

Bento Style for Astro

Bento Style for Astro is a modern and elegant design template inspired by Bento UI. Built with Astro, it’s ideal for crafting visually attractive and fast-loading websites.


💡 Features

  • 📦 Clean and organized Bento-style layout
  • ⚡ High performance and fast loading speed
  • 🧱 Dynamic content blocks for structural flexibility
  • 🧩 Modular structure for effortless customization
  • 📱 Responsive and optimized for mobile devices
  • 🛠 Supports astro-imagetools for image optimization

🚀 Quick Start

Install dependencies and run the project:

npm install
npm run dev

Build and preview:

npm run build
npm run preview

📁 Content Structure

  • /src/content/blocks/ — Bento-style content blocks
  • /src/content/pages/ — static pages
  • /public/images/ — images and assets

⚙️ Customization

  • Edit content in /src/content/ to update text and media
  • Modify layout and styles in /src/layouts/ to change the Bento structure
  • Use Astro Image Tools to boost image performance

📜 License

This project is released under the MIT License. See the LICENSE for details.


Bento Style for Astro — structure, speed, and elegance ✨

Template Info

License MIT
Version 1.0.0
Updated 2025-07-15
Stars
0

Tags

Bento Astro UI Modern Design Modularity

Tech Stack

Astro
TypeScript
Astro Image Tools

Key Features

Clean and organized Bento-style layout
High performance and fast loading
Dynamic content blocks for structural flexibility
Modular architecture for easy customization
Fully responsive and mobile-optimized
astro-imagetools support for image optimization