Astro-based static portfolio theme using TypeScript and Tailwind CSS
AstroPortfolio
monolume — Astro Portfolio Template
By heshify
Monolume is an Astro-based portfolio theme with brutalist typography and a clean developer style, including project showcase, blog, and contact form pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Includes two content collections for projects and blog, located in src/content/projects and src/content/blog respectively
Pages cover home, about, contact, blog list/detail, project list/detail, and 404
Component-based structure including Hero, About, Contact, Projects, Posts, Card, Header, Footer, and more
Repository uses the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
Monolume is a portfolio theme built with Astro, aimed at developers, designers, and freelancers showcasing personal work. It emphasizes minimal yet striking typography, with an overall style leaning toward brutalist and developer-oriented clean design.
The theme provides two content collections: projects and blog. Pages include home, about, contact, blog list and detail, project list and detail, and a 404 page. The components directory includes Hero, About, Contact, Projects, Posts, Card, Header, Footer, and more, making it easy to replace content according to page structure.
On the technical side, the README lists Astro, TypeScript, and Tailwind CSS, and uses pnpm as the package management command. Content is managed through the blog and projects directories under src/content, with collections defined in content.config.ts.
Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code; when distributing, the copyright notice and the full MIT license text must be retained. Third-party assets such as demo images, fonts, and icons need their licenses checked separately, and external services like domains and hosting may incur additional charges.
AstroPortfolio
Is it right for your project?
Use Cases
- Developers or designers building a personal portfolio site to showcase projects and blog posts
- Freelancers using the project list and contact form to present services and contact information
- Static sites requiring brutalist typography as a starting point for secondary modification of an Astro theme
Suitable For
- Developers using Astro who want to manage projects and blog with content collections
- Personal portfolio sites preferring a minimal, striking typography style
- Users needing MIT-licensed code for modification and commercial use
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Use pnpm install to install dependencies, pnpm dev to start the local development server at localhost:4321
- 2
pnpm build generates the production site to ./dist/, pnpm preview allows local preview of the build result before deployment
- 3
Project and blog content go in src/content/projects and src/content/blog; collection definitions are in src/content.config.ts
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses and cannot be judged solely based on the code's MIT license
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are allowed.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README mentions that the author's site offers both free and premium themes; the premium theme is another product of the site and is unrelated to the MIT-licensed free code in this repository, and using this template does not require purchase.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
https://github.com/heshify/monolume/blob/main/LICENSEhttps://github.com/heshify/monolume/blob/main/README.mdcheck out more free and premium themes at
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- Astro Themes
- Documentation and maintenance reference score
- More documented · 87 / 100
- Technologies
- Astro
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-03-18
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 3c61928b10ea88b294b2bbb7a3a0685b54b23df83e0a05a7a254e4897f04d22a
2026-10-03T17:05:14.723Z
Source file / repository# Monolume
Monolume is a clean, modern portfolio theme built with Astro.
It’s designed for developers, designers, and freelancers who want to showcase their work with style
## Demo
[Live Preview](https://monolume.vercel.app)
✨ Features
- Minimal, bold typography
- Responsive & mobile-friendly
- Work/projects showcase layout
- Blog support
- Contact form
- SEO-friendly
- Built with Astro + Tailwind CSS (easy to customize)
## Tech Stack
- [Astro](https://astro.build/) – Static site builder
- [TypeScript](https://www.typescriptlang.org/) – Type-safe development
- [Tailwind CSS](https://tailwindcss.com/) – Utility-first styling
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```text
├── public/
├── src/
│ ├── components/
│ ├── About.astro
│ │ ├── Card.astro
│ │ ├── Contact.astro
│ │ ├── Footer.astro
│ │ ├── FormattedDate.astro
│ │ ├── Head.astro
│ │ ├── Header.astro
│ │ ├── Hero.astro
│ │ ├── Posts.astro
│ │ └── Projects.astro
│ ├── content/
│ │ ├── blog/
│ │ └── projects/
│ ├── layouts/
│ │ └── Layout.astro
│ ├── pages/
│ │ ├── 404.astro
│ │ ├── about.astro
│ │ ├── blog
│ │ │ ├── [...id].astro
│ │ │ └── index.astro
│ │ ├── contact.astro
│ │ ├── index.astro
│ │ └── projects
│ │ ├── [...id].astro
│ │ └── index.astro
│ └── styles/
│ └── global.css
├── consts.ts
│ ├── content.config.ts
├── astro.config.mjs
├── package.json
└── tsconfig.json
```
To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :--------------------- | :----------------------------------------------- |
| `pnpm install` | Installs dependencies |
| `pnpm dev` | Starts local dev server at `localhost:4321` |
| `pnpm build` | Build your production site to `./dist/` |
| `pnpm preview` | Preview your build locally, before deploying |
| `pnpm astro ...` | Run CLI commands like `astro add`, `astro check` |
| `pnpm astro -- --help` | Get help using the Astro CLI |
## ❤️ Like this theme?
If you found this theme useful, check out more free and premium themes at
👉 https://themes.mhsh.in
Explore similar templates
Compare previews and descriptions within the same stack and category.
astro-theme-cactus
Astro Cactus is an Astro-based blog and portfolio theme that uses Markdown/MDX content collections to manage posts, notes, and tags, with frontmatter type-checked by a schema.
Astro · Portfolio
astrofy
Astrofy is a free and open-source personal portfolio website template built with Astro and TailwindCSS, with built-in blog, CV timeline, project showcase, store, and RSS feed modules.
Astro · Portfolio
astro-nano
Astro Nano is a static, minimalist portfolio and blog template built with Astro, Tailwind, and TypeScript without frontend frameworks. It includes light/dark themes, animated UI, automatic sitemap and RSS feed generation, and Markdown/MDX support with component imports.
Astro · Portfolio
astro-erudite
astro-erudite is an opinionated, unstyled static blog template built with Astro and native CSS, with no UI or CSS framework and minimal dependencies.
Astro · Portfolio
astro-sphere
Astro Sphere is a static, minimalist portfolio and blog theme maintained by markhorn-dev, built mainly with Astro, Tailwind, and TypeScript, with a small amount of SolidJS for stateful components.
Astro · Portfolio
astro-micro
Astro Micro is a framework-free blog and portfolio theme for Astro, forked from Astro Nano. It adds Pagefind search and Giscus comments while retaining type safety, sitemap, RSS, Markdown and MDX support, and TailwindCSS with system, light, and dark themes.
Astro · Portfolio