Astro Multiverse

Say hello to Multiverse, a slick, one-page gallery design with a fully functional lightbox. Re-imagined with Astro 6, React 19, and Tailwind CSS 4.

Tech Stack

• Astro 6 - Modern web framework for content-driven websites.
• React 19 - Powering the gallery and lightbox with modern React features and Portals.
• Tailwind CSS 4 - Next-generation utility-first CSS framework.
• Oxlint - High-performance JavaScript/TypeScript linter.
• Oxfmt - Ultra-fast code formatter.

Getting Started

To get started with Astro Multiverse, follow these steps:

git clone https://github.com/AREA44/astro-multiverse
cd astro-multiverse
pnpm install
pnpm dev

How to Customize

• Images: Change your images in the src/assets directory.
• Metadata: Update site metadata in src/components/BaseHead.astro.
• Styling: Customize styles in src/styles/global.css using Tailwind CSS v4 directives.

License

Multiverse by AREA44. Inspired by the original design from HTML5 UP. Free for personal and commercial use under the CCA 3.0 license.

Credits

Astro Multiverse re-imagines the original template without legacy dependencies:

• Original design by HTML5 UP
• Re-imagined by AREA44
• Demo images by Unsplash

Contributions

Contributions to Astro Multiverse are welcome! If you have any suggestions or improvements, feel free to create a pull request.