---
title: "Toolio — Free Framer template · Best of Framer"
description: "Free Framer template · by Kosta · Publishing. Toolio is a directory template for publishing a curated collection of tools, products, or resources."
canonical: "https://framer.elliotli.dev/template/toolio"
---

[Home](/)/[Templates](/templates)/[Publishing](/templates/category/publishing)/Toolio

# Toolio

A Tool Directory Template

[Get for free](https://framer.com/marketplace/templates/toolio/?via=elliot-li)

![Toolio preview image 1](https://framer.elliotli.dev/og/template/toolio/8bb5e8fb58e9af88/1600x1200.jpg)

## Summary

Toolio is a directory template for publishing a curated collection of tools, products, or resources.

## Description

**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.

## Rank history [How rankings work →](/terms#rankings)

-   Light · #2743
-   Bookstore · #23
-   Digital Products · #369
-   All · #12093
-   Style · #10503

## Details

- **Author**: Kosta
- **Published**: 2026-07-25
- **Updated**: 2026-07-25
- **Added**: 2026-07-25
- **Categories**: Bookstore, Digital Products, Ecommerce, Free Website Templates
- **Styles**: Light
- **Features**: CMS, Rich Media, Site Search

## More across types

-   [Shop Canvas](/plugin/shop-canvas) — Shop Canvas · Free — Shopify × Framer for agencies
-   [Reviewly: Photo, UGC reviews](/plugin/reviewly-photo-ugc-reviews) — Ecom swift LLC · Free — Photo & video reviews in your site
-   [Shopiframe](/plugin/shopiframe) — FrameSpace · Free — Start building your store for free: Shopiframe lets you connect your Shopify store with Framer easily.

## More like this

-   [HexFly](/template/hexfly) — Tanber · Free — Live Preview HexFly is a bold and modern Framer template built for creative agencies, branding studios, web design teams, and digital…
-   [Better Films](/template/better-films) — Rejaul Karim · Free — Cinematic Director Portfolio
-   [Mikes Irrigation](/template/mikes-irrigation) — Troy Miller · Free — Modern Irrigation Company Website
-   [Ashfordd](/template/ashfordd) — Akin & Ed · Free — Premium Real Estate Framer Templat