Astro-based illustration portfolio and gallery theme
AstroPortfolio
tonefolio — Astro Portfolio Template
By hilava999
ToneFolio is an Astro-based theme for illustration portfolios and gallery websites, aimed at artists, with built-in Sveltia CMS content editing, masonry layout, image lightbox viewing, and R-18 content warnings.
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-12View source
What stands out
A quick read of the recorded project description.
Integrates Sveltia CMS for adding and updating artworks without writing code
Masonry waterfall layout with PhotoSwipe for click-to-enlarge image viewing
Supports tag filtering for browsing artworks by tag
Built-in blurring and one-screen buffer warning for NSFW (R-18) content
Supports OGP sharing information and responsive layout
Template Details
ToneFolio is a free illustration portfolio theme built by artists for artists, constructed with Astro and suited to building personal illustration showcase and gallery websites. The demo site includes a homepage, gallery page, artwork detail page, and about page.
For content management, the theme integrates Sveltia CMS, allowing authors to add and update artworks without writing code, in a manner close to blogging. For display, it uses a Masonry waterfall layout, combined with PhotoSwipe for click-to-enlarge image viewing, and provides tag filtering so visitors can browse artworks by tag.
Addressing common needs for illustration sites, the theme includes built-in blurring and a "one-screen buffer" warning mechanism for NSFW (R-18) content. Pages also handle OGP sharing information and responsive layout. The tech stack mentioned in the README also includes MiniMasonry and Swiper.
Note that the repository materials do not provide specific environment requirements, build commands, or deployment steps; consult the repository documentation before actual use. Licensing for third-party assets such as demo images, fonts, and icons must be verified separately; the code itself is under the MIT license.
AstroPortfolio
Is it right for your project?
Use Cases
- Artists building a personal illustration portfolio website
- Creating a tag-browsable gallery for existing illustration works
- Sites that need to continuously update artwork content without writing code
- Illustration showcase sites that need blurring and warnings for R-18 works
Suitable For
- Individual creators focused on displaying illustrations and drawings
- Non-technical users who want to manage artwork content with a visual CMS
- Gallery sites that need tag filtering and click-to-enlarge image viewing
- Authors who need to distinguish and warn about NSFW content in their works
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository materials do not provide specific environment requirements or build commands; consult the repository README and documentation before use
- 2
Content editing relies on Sveltia CMS, which must be configured in its own way before the backend can be used to update artworks
- 3
Licensing for third-party assets such as demo images, fonts, and icons must be verified separately and is not covered by the code's MIT license
- 4
The code is under the MIT license; when distributing copies or substantial portions of the code, retain the original author's copyright notice and the full license notice
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 imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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
- 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
https://github.com/hilava999/tonefolio/blob/main/LICENSEhttps://github.com/hilava999/tonefolio/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-12. 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
- GitHub
- Documentation and maintenance reference score
- More documented · 80 / 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-10-12
- Screenshot last checked
- 2026-10-12
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-13
Inspect the recorded source material
SHA-256: aae0a0b6c6d64de5ca9b01c2c665de3145f9c89f0da6cad7b9b7fc7133809be3
2026-10-12T20:11:13.458Z
Source file / repository# ToneFolio 絵描きが絵描きさんのために開発した、無料のポートフォリオ・イラストサイト用テーマ An Astro theme for illustration portfolio and gallery websites. [🖥️ デモサイト](https://demo-tonefolio.pages.dev/)  ## 💡 コンセプト 面倒なサーバー管理やコードの知識は一切不要。ブログ感覚で手軽に作品を追加・更新できるシステムに加え、R-18作品の自動ぼかしやワンクッションなど、イラストサイトに欠かせない「配慮」を標準搭載しています。サーバー代を完全無料に抑えながら、自身の創作に100%集中できる環境を提供します。是非、デモサイトをご確認ください！ ## ✨️ 特徴 - ワンボタンでサイトを立ち上げられる - コード入力不要で簡単更新（Sveltia CMS対応） - Masonryレイアウト - PhotoSwipeによる画像拡大表示 - タグ絞り込み機能 - OGP対応 / レスポンシブ対応 - NSFW（R-18）ワンクッション機能 ## 📷️ スクリーンショット ### トップページ  ### ギャラリーページ  ### 作品詳細ページ  ## 🙏 技術スタック / 使用ライブラリ - [Astro](https://astro.build/) - [Sveltia CMS](https://sveltia.github.io/sveltia-cms/) - [PhotoSwipe](https://photoswipe.com/) - [MiniMasonry](https://www.minimasonry.com/) - [Swiper](https://swiperjs.com/) ## 🐞 不具合・要望 不具合報告や機能要望は [Issue](https://github.com/hilava999/tonefolio/issues) よりお気軽にお知らせください。 ## 📝 ライセンス [MIT License](./LICENSE) ## ⭐️ 最後に このテーマが皆さんの創作活動のお役に立てれば嬉しいです。
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