Animated Table Of Contents Components

Dev Design Library indexes 11 Animated table of contents components from 7 open-source UI libraries, with the most coming from Rare UI, Nexvyn UI, Sona UI, SpaceUI and UI Lab. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the table of contents components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Table of contents components belong to the Navigation group.

• Hook SidebarRare UI · ReactA vertical navigation list with a dashed rail that marks the active item.
• Web Table Of ContentsPanel UI · React NativeAn on-this-page table of contents that tracks the section in view.
• Scroll IndicatorNexvyn UI · ReactA vertical scroll progress indicator with tick marks, section labels, and a floating position readout.
• Section RailSona UI · ReactA compact navigation rail that tracks the reader's position through a long page, revealing labels and editorial…
• Scroll SpineUI Lab · ReactMaps the article as a spine of bands, each as long as its section, filling in as you read.
• Reading trailCojeev UI · ReactKeep your place with a connected spine, an expandable bookmark or a descriptive chapter overview—all following actual…
• Section ScrollspySpaceUI · ReactFloating section scrollbar that tracks the active heading as you scroll.
• Proximity SidebarRare UI · ReactA dash-style scroll sidebar whose items expand as the pointer approaches.
• Table of ContentsNexvyn UI · ReactA fixed bottom-left floating block that tracks scroll position, shows the active section, and expands into a navigable…
• Scroll ProgressRare UI · ReactA scroll progress pill that tracks reading position and expands into a squircle menu of sections you can jump to.
• R
  Rail TOCRare UI · ReactA table of contents with a paper plane that flies to the section you're reading.

Libraries with Animated table of contents components

• Rare UI
• Nexvyn UI
• Sona UI
• SpaceUI
• UI Lab

Related categories

• Table Of Contents Components
• React Table Of Contents Components
• Tailwind CSS Table Of Contents Components
• Animated Navigation Components
• Animated Menu Components
• Animated Tabs Components
• Animated Navbar Components
• Animated Sidebar Components
• Animated Dock Components
• Animated Stepper Components
• Animated Command Palette Components
• Animated Context Menu Components
• Animated Tab Bar Components
• Animated Pagination Components
• Animated Wizard Components
• Animated Hamburger Menu Components
• Animated Breadcrumb Components
• Animated Floating Navbar Components