Image display as the core, suitable for photography, portfolios, and publishing content
GatsbyReactPortfolioBlogTool SiteStarter
clay-theme — Gatsby Portfolio Template
By lilxyzz
Clay is an image-centric Gatsby theme for publishers, portfolios, photography blogs, and similar use cases. It includes built-in Netlify/Decap CMS and Netlify Forms support, and is MIT licensed.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Preconfigured Netlify/Decap CMS, allowing content editing directly in the backend
Built-in Netlify contact form support and Netlify deployment settings
Includes PWA support and PurgeCSS bundle size optimization
MIT licensed, allowing free use, modification, commercial use, and distribution
Template Details
Clay is an image-oriented theme built on Gatsby. The README positions it for publishers, portfolios, photographer blogs, and similar purposes. The theme focuses on displaying graphic content, with layouts for both desktop and mobile, and the repository provides a Netlify demo site.
In terms of features, the theme includes PWA support, a preconfigured Netlify/Decap CMS, PurgeCSS for controlling bundle size, Netlify deployment settings, and Netlify contact form support, and it states that it is SEO optimized. The README's "Coming soon" section lists light and dark modes, indicating that this feature was not yet available at the time of documentation.
The local development workflow is: clone the repository, enter the project directory, install dependencies with yarn, then run gatsby develop. The site starts by default at http://localhost:8000, and GraphiQL is available at /___graphql for querying data. 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 notice must be retained. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
GatsbyPortfolioBlogTool SiteStarter
Is it right for your project?
Use Cases
- Building an image-focused personal portfolio for a photographer
- Creating an illustrated blog for a publisher or content creator
- Serving as a starting point for a static site that requires backend editing capabilities
- Deploying to Netlify and using its forms to collect contact information
Suitable For
- Front-end developers familiar with Gatsby and yarn workflows
- Editors who want to manage image and text content with Decap CMS
- Individuals and teams needing an image-oriented portfolio or blog
- Users planning to host the site on Netlify
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, enter the project directory and install dependencies with yarn
- 2
Run gatsby develop to start the local development server, with the default address at http://localhost:8000
- 3
GraphiQL is available at http://localhost:8000/___graphql for debugging data queries
- 4
Light and dark modes are listed as Coming soon in the README and are not included in the current version
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to this version of the code 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 of the 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
- The theme is preconfigured with Netlify/Decap CMS; using backend content editing features depends on external services such as Netlify and Decap CMS, and may require corresponding accounts or a deployment environment.
- The contact form relies on Netlify Forms; the site must be deployed to Netlify to use this feature, which is an external platform dependency.
- The repository includes predefined Netlify deployment settings; using these configurations means site hosting depends on the Netlify platform.
- 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
Netlify/Decap CMS pre-configured
Original README
Netlify contact form Support
Original README
https://github.com/lilxyzz/clay-theme/blob/master/LICENSEhttps://github.com/lilxyzz/clay-theme/blob/master/README.mdNetlify settings predefine
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 92 / 100
- Technologies
- Gatsby · React
- Website type
- Portfolio · Blog · Tool Site · Starter
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-02-15
- Screenshot last checked
- 2026-10-02
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 Gatsby 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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: de023875f8ac66fcd8d99eb287b3fbeb6a17d8b1e7700eb00adaf7d15333b82f
2026-10-02T16:15:54.995Z
Source file / repository<h1 align=center> Clay - A Gatsby Theme | <a href="https://clay-theme.netlify.app" rel="nofollow">Demo</a></h1>  <br></br> [](https://app.netlify.com/sites/clay-theme/deploys) [](https://app.netlify.com/start/deploy?repository=https://github.com/lilxyzz/clay-theme) An image-centric Gatsby theme for publishers, portfolio, photographers blogs and more. Visually engaging Gatsby theme tailored for publishers, portfolios and more, meticulously crafted to showcase your graphics seamlessly. It's completely free and fully responsive, ensuring a stunning display across all devices. **If you found the repository valuable or enjoyed using it, consider showing your support by giving it a 5-star rating 🍻** ## ⭐ Feature highlights - Gatsby v5+ - PWA - Netlify/Decap CMS pre-configured - PurgeCSS for bundle size optimization - Netlify settings predefine - Netlify contact form Support - SEO optimized - 90+ Lighthouse ### Coming soon - Light & Dark mode ## 🚀 Local development 1. **clone the repository** ``` git clone https://github.com/lilxyzz/clay-theme.git ``` 2. **cd into the project directory** ``` cd clay-theme ``` 3. **install all dependencies for the project** ``` yarn ``` 4. **start local dev server** ``` gatsby develop ``` **Open the source code and start editing!** Your site is now running at `http://localhost:8000` _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._ ## 🐛 Issues / 💡 Feedback / 👑 Contributing We welcome contributions and feedback. If you have ideas for improvements or spot a bug, feel free to contribute. **Inspired by <a target="_blank" href="https://github.com/ImedAdel/gatsby-london" rel="nofollow">Gatsby London</a>**
Explore similar templates
Compare previews and descriptions within the same stack and category.
gatsby-starter-gcn
A Gatsby starter for building static blogs with Contentful and Netlify.
Gatsby · Blog
yashitanamdeo.github.io
A Gatsby and React personal portfolio template with a dark theme and navy blue and green accents, based on Yashita Namdeo's first personal homepage.
Gatsby · Portfolio
devblog
DevBlog is a lightweight, customizable personal blog template built with GatsbyJS and React. Posts are Markdown files in /src/pages, with URLs generated from folder names and frontmatter for title, date, and optional featured image.
Gatsby · Blog
gatsby-starter-morning-dew
A Gatsby and React blog starter/theme that uses Markdown or MDX for posts, supports multilingual content, dark mode, tag grouping, PWA, and Disqus comments, and is MIT licensed.
Gatsby · Blog
starter-gatsby-blog
A community-maintained Gatsby blog starter for Contentful, with a simple content model, npm run setup import, Sync API support, and gatsby-plugin-image. Suitable for quickly building a CMS-driven static blog or learning Gatsby and Headless CMS integration.
Gatsby · 社区
automatic-gatsbyjs-app-landing-page
A GatsbyJS template for iOS app landing pages, ported from Emil Baehr's Automatic App Landing Page. Configure content in site-config.js without writing HTML or CSS, upload video previews or screenshots, and deploy via Netlify or build for GitHub Pages.
Gatsby · Tool Site