Toolio is a directory template for publishing a curated collection of tools, products, or resources. Entries live in the CMS, so the site grows by adding items rather than designing new pages.
Made for anyone running an AI tools directory, a design resource list, a startup stack roundup, or a niche roundup of any kind. Each entry has an outbound link field, so it works as an affiliate or referral directory too.
What's included
13 pages — home, 8 category pages, a CMS detail page, privacy policy, terms & conditions, and a 404
Two connected CMS collections: Tools and Categories, linked by multi-reference so an entry can sit in several categories at once
Search and category filtering, with load-more pagination for long lists
Detail pages with automatic previous/next navigation between entries
A featured section for surfacing your top picks on the home page
Sidebar navigation with a mobile drawer
Card hover previews, pricing tags, loading states, and a cookie banner
Desktop, tablet, and phone breakpoints on every page
Color styles and text styles used throughout, so rebranding is a handful of edits instead of a page-by-page pass
SEO title, description, and social image set on every page, with detail pages pulling theirs from CMS fields
Getting started: swap the CMS entries for your own, rename the categories to match, then adjust the color and text styles to your brand. No code needed.
Toolio is a directory template for publishing a curated collection of tools, products, or resources. Entries live in the CMS, so the site grows by adding items rather than designing new pages.
Made for anyone running an AI tools directory, a design resource list, a startup stack roundup, or a niche roundup of any kind. Each entry has an outbound link field, so it works as an affiliate or referral directory too.
What's included
13 pages — home, 8 category pages, a CMS detail page, privacy policy, terms & conditions, and a 404
Two connected CMS collections: Tools and Categories, linked by multi-reference so an entry can sit in several categories at once
Search and category filtering, with load-more pagination for long lists
Detail pages with automatic previous/next navigation between entries
A featured section for surfacing your top picks on the home page
Sidebar navigation with a mobile drawer
Card hover previews, pricing tags, loading states, and a cookie banner
Desktop, tablet, and phone breakpoints on every page
Color styles and text styles used throughout, so rebranding is a handful of edits instead of a page-by-page pass
SEO title, description, and social image set on every page, with detail pages pulling theirs from CMS fields
Getting started: swap the CMS entries for your own, rename the categories to match, then adjust the color and text styles to your brand. No code needed.
