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
Template Author
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-imagetoolsfor 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