More Premium Hugo Themes Premium Jekyll Themes

Jekyll Code Tabs

Fenced code tabs plugin for Jekyll

Jekyll Code Tabs

Fenced code tabs plugin for Jekyll

Author Avatar Theme by clustergarage
Github Stars Github Stars: 21
Last Commit Last Commit: Mar 20, 2020 -
First Commit Created: Aug 8, 2025 -
Jekyll Code Tabs screenshot

Overview

The Jekyll Code Tabs plugin is a fantastic tool designed to enhance documentation pages by allowing users to display separate snippets of code in a clean, organized manner. By utilizing fenced code tabs, this plugin creates a tabbed-view interface, leveraging UIkit classes to facilitate seamless navigation between different language snippets. This makes it easier for users to reference code examples without cluttering the page.

With the Jekyll Code Tabs, documentation becomes more interactive and user-friendly, making it an essential component for developers who want to present multiple coding languages or variations succinctly. Whether you’re developing tutorials or showcasing different programming concepts, this plugin is perfect for improving the overall readability and functionality of your documentation.

Features

  • Tabbed Interface: Easily toggle between different code snippets without the need for cumbersome scrolling or navigation.
  • UIkit Integration: Built with UIkit classes, ensuring that your documentation maintains a visually appealing and cohesive look.
  • Fenced Code Tabs: Utilize fenced code blocks to enhance clarity in separating different programming languages or usage examples.
  • User-Friendly Navigation: Makes it simple for users to switch between tabs, enhancing their overall experience and understanding.
  • Documentation Enhancement: Particularly useful for tutorials, allowing for clear comparisons and easier access to various code segments.
  • Customizable: While hardcoded to UIkit classes, the plugin can be modified to fit specific styling needs or preferences.