About
A sticky document outline that tracks the current section. Source: BuildWithMe UI. Original attribution and MIT notices are included with the component.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Docs Table Of Contents to your project and fits it to your theme.
Code
How Docs Table Of Contents is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Component from "@/components/ui/buildwithme-docs-table-of-contents";
export default function Demo() {
return (
<div data-bwm-theme="dark" className="flex min-h-screen w-full items-center justify-center bg-[#050505] px-6">
<div className="w-full max-w-[760px]">
<Component />
</div>
</div>
);
}
More by purnavu-12
View all
Flowing Lines
13
Border-Trace Button
12
Streaming Message
10
Magnetic Button
4
Breadcrumb Trail
Floating Label Field
Adaptive Sidebar
More in Navigation
View all
Sidebar
311
Stacked Circular Footer
435
Navbar with Theme Toggle
47
Breadrcrumb
8
Footer
557
Progress Bar Stepper
48
Breadcrumb
12
Navigation Menu
325
