---
title: "Docs Kit — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Isaac Yi · Navigation. Docs Kit is that whole page in one drop: a 3-column layout — sidebar navigation, a markdown-lite body, and a scroll-synced table of contents…"
canonical: "https://framer.elliotli.dev/component/docs-kit"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Docs Kit

# Docs Kit

A whole docs page. No CMS.

[View on Framer](https://framer.com/marketplace/components/docs-kit/?via=elliot-li)

![Docs Kit preview image 1](https://framer.elliotli.dev/og/component/docs-kit/5515e1470b8cb947/1600x919.jpg)

## Summary

Docs Kit is that whole page in one drop: a 3-column layout — sidebar navigation, a markdown-lite body, and a scroll-synced table of contents — written entirely from two…

## Description

Table-of-contents components are everywhere on the marketplace — but a whole docs page (sidebar nav, a real body, a scroll-synced TOC, and search) usually means a CMS collection, a page builder, or a $40+ stack of separate plugins wired together.

Docs Kit is that whole page in one drop: a 3-column layout — sidebar navigation, a markdown-lite body, and a scroll-synced table of contents — written entirely from two property-panel textareas. No CMS collection to set up, no separate TOC/sidebar/search plugins to wire together.

What you get:

— A markdown-lite body with five supported blocks — headings, paragraphs, code fences with a copy button, three callout styles (info/warn/tip), and bullet lists — parsed live from a single textarea

— A scroll-synced table of contents that highlights the current section as visitors scroll, built automatically from your headings

— An instant sidebar search across your nav items and headings, with a clean empty state

— Responsive by design: the TOC hides under 1024px, and the sidebar collapses into a mobile drawer under 768px

— Light/dark theme, single accent color, cross-fade transitions on every state change

Built for SaaS help centers, API references, and product documentation pages that need the real thing — sidebar, body, TOC, and search — without standing up a CMS collection or stitching together several separate plugins.

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

-   All · #9730

## Details

- **Author**: Isaac Yi
- **Price**: $20.00
- **Published**: 2026-07-16
- **Updated**: 2026-07-16
- **Added**: 2026-07-16
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation