3dinterior is a free, open-source Astro theme for architects and design studios that builds portfolio websites with a minimalist layout and a perfect Lighthouse score.
What is 3dinterior?
3dinterior is a free Astro v7 theme designed for architects and design studios to showcase their work. It takes project images, descriptions, and contact details as content inputs and produces a static, mobile-responsive portfolio website. The theme is built with Tailwind CSS v4 and distributed under the MIT License by Nearmelab, with all demo images sourced from Pexels.
Key Features
- 100/100 Lighthouse score — The theme is optimized for performance, scoring a perfect 100 on all Lighthouse categories out of the box.
- Portfolio-first design — A minimalist layout focused on presenting projects and design work, with a clean gallery-style presentation.
- Mobile-responsive — The layout adapts to different screen sizes, targeting desktop, tablet, and mobile visitors.
- Zero JavaScript (optional) — The theme can run without any client-side JavaScript, making it fast by default; you can add interactivity only where needed.
- Easy customization — Edit
src/styles/global.cssfor colors and fonts, replace images insrc/assets/img/, and modify components insrc/components/using standard Astro and Tailwind classes. - Contact page included — A dedicated
src/pages/contact.astropage for adding contact information, ready to be customized. - MIT License — Free to use for personal and commercial projects, with no attribution required beyond the license terms.
Who is it for?
- Architects — To create an online portfolio displaying their building designs, renderings, and project case studies.
- Design studios — To present the studio's services, team, and past work to potential clients in a polished, minimal format.
- Interior designers — To showcase interior projects with high-quality images and project descriptions, using the portfolio layout.
- Developers — As a starting point for building client websites, since the codebase is small, clean, and built on Astro and Tailwind.
What can you do with 3dinterior?
- Showcase a project gallery: Add project images and descriptions to the portfolio pages to display completed and ongoing work.
- Build a studio website: Combine the portfolio with the included contact page to create a full marketing site for a design firm.
- Customize branding: Change the color palette and fonts by editing a single CSS file, then swap in your own images from Pexels or elsewhere.
How does 3dinterior work?
The theme is installed by cloning the GitHub repository and running pnpm install followed by pnpm dev to start a development server at localhost:4321. Content is edited directly in Astro components and Markdown files; images are placed in src/assets/img/, and style variables live in src/styles/global.css. The build process outputs static HTML, CSS, and optional JavaScript.
Pricing
3dinterior is completely free. It is released under the MIT License, so you can use it for commercial projects without paying a license fee.
FAQ
Is 3dinterior free?
Yes, the theme is free to use for personal and commercial projects under the MIT License. You can clone the repository from GitHub and start building without any payment.
What technologies does 3dinterior use?
It uses Astro v7 as the site generator and Tailwind CSS v4 for styling. The theme works with standard Astro and Tailwind components, and optional JavaScript can be added per page.
How do I customize the theme?
Edit src/styles/global.css for colors and fonts, replace images in src/assets/img/, and modify components in src/components/. The contact page is located at src/pages/contact.astro.
Where do the demo images come from?
All images in the theme are sourced from Pexels and are free to use under the Pexels License. Full attribution details are available in src/assets/attribution.md.
