Bento Cyber Portfolio (Astro + Tailwind)

Bento Cyber Portfolio is a premium template for developers and creatives who want a bold, modern presence. The design pairs a clean bento grid with glassmorphism effects, subtle noise texture, neon accents, and smooth micro-interactions. Everything is built with Astro 5 for top-tier performance and static HTML output by default.

Perfect for personal portfolios, professional profiles, or futuristic landing pages. Includes reusable components, a clean structure, and a clear customization guide.

What’s included

- Homepage with hero, map, tech stack, stats, featured project, and social links

- Reusable Astro components

- Global styles and Tailwind CSS 4 configuration

- Demo assets (replaceable)

- Setup and customization documentation

Key features

- Astro 5: fast builds and zero runtime JS by default

- Tailwind CSS 4: rapid customization

- Responsive and accessible layout

- SEO-ready (meta tags, semantic HTML)

- Visual effects: glassmorphism, blur, and noise texture

- Smooth hover animations

Requirements

- Node.js 18+

- npm, pnpm, or yarn

Usage

1. Install dependencies: `npm install`

2. Start the dev server: `npm run dev`

3. Customize content in `src/pages/index.astro`

License

Single Use Commercial License (one project only). No reselling or redistribution

Support

Email: pjawuil@gmail.com