Toolio Framer Template

About this template

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.